/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header Style Two / Style Three / Sticky Header 
5. Page Title 
6. Banner Section / Two
7. About Section / Two
8. Call To Action / Two / Three
9. Services Section / Two / Three
10. Service Detail Section
11. Fluid Section One
12. Projects Section / Two
13. Project Detail
14. Styled Pagination
15. Fun Fact Section
16. Products Section
17. Team Section
18. Call Back Section
19. Why Choose Us
20. Testimonial Section / Two
21. Pricing Section
22. FAQ Section
23. Clients Section
24. News Section / Two
25. Blog List
26. Blog Detail
27. Contact Section
28. Main Footer / Style Two
29. Sidebar Page Container
30. Clients Section
31. Main Footer / Two / Three
32. Sidebar Page Container
33. Comment Area
34. Comment Form
35. Shop Page
36. Product Detail
37. Cart Section
38. CheckOut Section
39. Login Section
40. Error Section
41. Coming Soon
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

***/

@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Lora', serif;
*/

@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('animate.css');
@import url('jquery.touchspin.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

====================================================================
		Reset
====================================================================

 ***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	
	font-size:14px;
	color:#777777;
	line-height: 2em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family:'Lora', serif "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#228dcd;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
	/*font-family: 'Lora', serif;*/
}


button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	/* z-index: 99; */
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

.theme-btn{
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	/*font-family: "Lora", sans-serif;*/
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 30px;
	font-weight: 600;
	background-color: #228dcd;
}

.btn-style-one:hover{
	background:#222222;
	color:#ffffff;
}

/*Btn Style Two*/

.btn-style-two{
	font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    padding: 10px 30px;	
    font-weight: 700;
    background-color: #228dcd;
}

.btn-style-two:hover{
	background:#ffffff;
	color:#333333;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:16px;
	line-height:20px;
	color:#333333;
	padding: 15px 30px;
	font-weight: 600;
	background-color: #ffffff;
}

.btn-style-three:hover{
	background:#333333;
	color:#ffffff;
}

/*=== List Style One ===*/

.list-style-one{
	position: relative;
}

.list-style-one li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 12px;
	padding-left: 35px;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 13px;
	line-height: 24px;
	color: #228dcd;
	font-weight: 400;
    content: "\f058";
	font-family: "Font Awesome 5 Free";
}

.theme_color{
	color:#228dcd;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

/*.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.gif);
}
*/
img{
	display:inline-block;
	max-width:100% !important;
	height:auto;	
}


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position: relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	line-height:40px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#ee3137;
	margin: 0 auto;
	border-radius: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	background:#000000;
	color: #ffffff;
	border-radius: 50px;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab{
	display: none;
}

.tabs-box .tab.active-tab{
	display: block;
}

/*** 

====================================================================
	Main Header
====================================================================

***/

.main-header{
	position: relative;
    width: 100%;
    /*border-top: 1px solid red;*/
    background: #fff;
    z-index: 99;
    top: 0;
    box-shadow: 2px 2px 2px 2px #6f72731a;
}

.main-header .header-top{
	position: relative;
	padding-bottom: 7px;
	/*background: #000;*/
}
figure.image-box a h4 {
    font-size: 14px;
    padding: 10px 10px;
    color: #b37a10;
    font-weight: 800;
	line-height: 18px;
}

.main-header .top-left{
	position: relative;
	float: left;
}

.main-header .top-left .text{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding:15px 0;
	padding-right: 20px;
	margin-right: 70px;
}

.main-header .header-top .top-left .text:before{
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -20px;
	height: 100%;
	width: 1000%;
	background-color: #333333;
	content:"";
	z-index: -1;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-ms-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
}

.main-header .top-left .info-list{
	position: relative;
	float: left;
}

.main-header .top-left .info-list li{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	padding: 15px 0;
	margin-right: 45px;
}

.main-header .top-left .info-list li span{
	margin-right: 10px;
}

.main-header .top-left .info-list li a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .top-left .info-list li a:hover{
	color: #228dcd;
}

.main-header .top-right{
	position: relative;
	float: right;
}

.main-header .top-right .social-icon-one{
	position: relative;
	float: right;
	padding: 5px 0;
}

.social-icon-one{
	position: relative;
}

.social-icon-one li{
	position: relative;
	float: left;
	margin-left: 15px;
}

.social-icon-one li:first-child{
	margin-left: 0;
}

.social-icon-one li a{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color:#000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #228dcd;
}


/*=== Header Lower ===*/

/*.main-header .header-lower{
	position: relative;
	background-color: #228dcd;
	z-index: 99999;
	border-bottom: 5px solid #ffffff;
}
*/
.main-header .main-box{
	position: relative;
}

.main-header .header-lower .logo-box{
	position: relative;
	float: left;
	padding: 10px 0;
	z-index: 2;
}

/*.main-header .header-lower .logo-box:before{
	position: absolute;
	right: -90px;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: '';
	z-index: -1;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-ms-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
}
*/
.main-header .header-lower .nav-outer{
	position:static;
	/*float: right;*/
}

.main-menu{
	position:static;
	float:left;
}

.main-menu .navigation{
	position:static;
	margin: auto 10px auto;
}

.main-menu .navigation > li{
	position: relative;
    float: left;
    /*margin-right: 15px;*/
   padding: 0px 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li > a{
	position: relative;
    display: block;
    font-size: 14px;
    line-height: 5px;
    font-weight: bold;
    font-family: calibri, sans-serif;
    color: #fff;
    opacity: 1;
    text-align: center;
   padding: 13px 0;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
ul.navigation >li {
    display: block;
    float: left;
    margin: 0;
    border-left: 1px solid #48a8e2;
}
.header-lower {
    background: #228dcd;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#25262c;
	background:#ffffff;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#292929;
	line-height:20px;
	font-size:13px;
	font-weight: 900;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:110%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:rgba(47,46,50,.90);
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	opacity: 1;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	background:#222222;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	position:absolute;
	right:15px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	color: #ffffff;
	font-weight:900;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:110%;
	top:0%;
	width:200px;
	padding:0px 0px;
	z-index:100;
	background:rgba(47,46,50,.90);
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color: #ffffff;
	background:#222222;
}

.main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
	visibility:visible;
	opacity:1;
	top:100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top: 0;
	left: 100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	float: right;
	margin-left: 30px;
	    margin-top: 6px;
}

.main-header .outer-box .btn-box{
	position: relative;
	float: right;
	padding: 0px;
	margin: 0px 1px;
}
.outer-box.clearfix > .btn-box a {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-right: 15px;
}

/*Search Box Widget*/

.main-header .search-box-outer{
	position: relative;
	float: left;
	margin-right: 30px;
}


.main-header .search-box{
	position: relative;
	padding: 15px 0;
	min-width: 170px;
}

.main-header .search-box .form-group{
	position:relative;
	margin:0px;
}

.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#ffffff;
	line-height:30px;
	height:30px;
	width:100%;
	background-color: transparent;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.main-header .search-box .form-group input:focus{
	border-color:#228dcd;	
}

.main-header .search-box .form-group input[type="submit"],
.main-header .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0;
	height:30px;
	line-height: 30px;
	text-align:center;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#ffffff;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
	position:static;
}

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	right: 0;
	margin: auto;
	width:100%;
	max-width: 1170px;
	background:rgba(47,46,50,.90);
    padding: 30px 30px;
    top: 100%;
	z-index:100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
	position: relative;
}

.main-menu .navigation > li.has-mega-menu h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 15px;
}

.main-menu .navigation > li .mega-menu-bar ul{
	position:relative;
	background-color: #228dcd;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column{
	position:relative;
	margin-bottom:10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
	border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
	background:#222222;
}

/*.main-header .main-menu .navigation > li > a:before{
	position: absolute;
	left: 0;
	bottom: 12px;
	height: 4px;
	width: 100%;
	background-image: url(../images/icons/nav-dots.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}*/

.main-header .main-menu .navigation > li.current > a:before,
.main-header .main-menu .navigation > li:hover > a:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a,
.main-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #ffffff;
}

/*** 

====================================================================
	Header Style Two
====================================================================

***/

.header-style-two{
	position: relative;
}

.header-style-two .header-top{
	background-color: #333333;
}

.header-style-two .top-left .info-list li a,
.header-style-two .top-left .info-list li{
	color: #bbbbbb;
}

.header-style-two .top-left .info-list li span{
	color: #228dcd;
}

.header-style-two .top-right .btn-box{
	position: relative;
	float: right;
}

.header-style-two .top-right .btn-box:before{
	position: absolute;
	left: 0;
	width: 1000%;
	height: 100%;
	background-color: #228dcd;
	content: "";
}

.header-style-two .top-right .btn-box a{
	position: relative;
	padding: 15px 35px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	background-color: #228dcd;
}

.header-style-two .top-right .btn-box a i{
	margin-left: 5px;
	font-size: 12px;
}

.header-style-two .top-right .btn-box a:hover{
	background-color: #ffffff;
	color: #000000;
}

.header-style-two .header-lower{
	background-color: #ffffff !important;
	border-bottom: 0;
	z-index: 9;
}

.header-style-two .header-lower .logo-box{
	padding: 35px 0;
}

.header-style-two .header-lower .logo-box:before{
	display: none;
}

.header-style-two .main-menu .navigation > li{
	padding: 35px 0;
	margin-right: 0;
	margin-left: 50px;
}

.header-style-two .main-menu .navigation > li > a{
	font-size: 15px;
	color: #333333;
	font-weight: 500;
}

.header-style-two .main-menu .navigation > li > a:before{
	height: 2px;
	background: #228dcd;
	bottom: 10px;
}

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a{
	color: #228dcd;
}

.header-style-two .outer-box{
	margin-left: 60px;
}

.header-style-two .cart-btn{
	position: relative;
	padding: 47px 0 48px;
}

.main-header .cart-btn a{
	position: relative;
	display: block;
	font-size: 14px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	color: #333333;
	border: 1px dashed #228dcd;
	border-radius: 50%;
	transition: all 200ms linear;	
}

.main-header .cart-btn .count{
	position: absolute;
	left: -6px;
	top: -1px;
	font-size: 10px;
	color: #ffffff;
	background-color: #333333;
	height: 16px;
	width: 16px;
	text-align: center;
	border-radius: 50%;
	line-height: 16px;
}

.main-header .cart-btn a:hover{
	background-color: #228dcd;
	color: #ffffff;
}

/*search box btn*/

.header-style-two .search-box-outer{
	position:relative;
	float: left;
	padding: 12px 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-two .search-box-btn{
	position: relative;
	height: 36px;
	width: 36px;
    cursor: pointer;
    background: none;
    font-size: 12px;
    line-height: 36px;
    color: #ffffff;
	outline: none;
	border: 1px dashed #228dcd;
	background-color: transparent;
	border-radius: 50px;
}

.main-header .search-box-outer .dropdown-menu{
	top: 46px !important;
	right: 0 !important;
	left: auto !important;
	transform: none !important;
}

.dropdown-toggle::after{
	display: none;
}

.main-header .search-box-outer .dropdown-menu{
	padding:0px;
	width:280px;	
	border-radius:0px;
	border-top:3px solid #25262c;
}

.main-header .search-panel .form-container{
	padding:25px 20px;	
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	border:1px solid #e0e0e0;
	background:#ffffff;	
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#25262c;	
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

/*** 

====================================================================
	Header Style Three
====================================================================

***/

.header-style-three {
	position: absolute;
	left: 0;
	width: 100%;
	top: 70px;
}

.header-style-three .header-lower .logo-box:before{
	display: none;
}

.header-style-three .header-lower{
	background-color: transparent !important;
	border-bottom: 0;
}

.header-style-three .header-lower .main-box{
	position: static;
	background-color: rgba(255,255,255,.85);
	padding: 0 35px;
}

.header-style-three .main-menu .navigation > li{
	margin: 0;
}

.header-style-three .main-menu .navigation > li:hover,
.header-style-three .main-menu .navigation > li.current{
	background-color: #333333;
	color: #ffffff;
}

.header-style-three .main-menu .navigation > li > a{
	color: #333333;
	font-size: 15px;
	padding: 15px 20px;
}

.header-style-three .main-menu .navigation > li > a:before{
	bottom: -25px;
	width: 100%;
	background: #228dcd;
}

.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a{
	color: #ffffff;
}

.header-style-three .outer-box{
	padding: 37px 0;
}

.header-style-three .search-box-btn {
    position: relative;
    height: 36px;
    width: 36px;
    cursor: pointer;
    background: none;
    font-size: 12px;
    line-height: 36px;
    color: #ffffff;
    outline: none;
    background-color: #228dcd;
    border-radius: 50px;
}

.header-style-three .search-box-outer .dropdown-menu{
	top: 70px !important;
}

.header-style-three.fixed-header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-three.fixed-header .header-lower .main-box{
	background-color: #ffffff;
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
}

.header-style-three.fixed-header .main-menu .navigation > li,
.header-style-three.fixed-header .header-lower .logo-box{
	padding: 10px 0;
}

.header-style-three.fixed-header .outer-box{
	padding: 22px 0;
}

.header-style-three.fixed-header .main-menu .navigation > li > a:before{
	bottom: -10px;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99999;
    background: #228dcd;
    border-bottom: 1px solid #228dcd;
    box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 9999;
	visibility:visible;
	/*display: none;*/
}

.fixed-header .sticky-header .logo{
	padding: 10px 0;
}

.main-header .sticky-header .main-menu .navigation > li{
	margin-right: 0;
	margin-left: 0px;
	padding: 0;
	background-color: transparent;
}

.main-header .sticky-header .main-menu .navigation > li:after{
	display: none;
}

.main-header .sticky-header .main-menu .navigation > li > a{
	padding:10px 10px;
	line-height:30px;
	font-size:16px;
	font-weight:500;
	color:#fff !important;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #71b100;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li > a:after,
.sticky-header .main-menu .navigation > li > a:before{
	display: none;
}

/*** 

====================================================================
					Section Title
====================================================================

***/

.sec-title{
	position: relative;
	/*margin-bottom: 30px;*/
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #228dcd;
	font-weight: 700;
	margin-bottom: 15px;
}

.sec-title h2{
	position: relative;
	font-size: 30px;
	line-height: 1.2em;
	color: #ed3136;
	font-weight: 700;
	margin-bottom: 10px;
}

.sec-title .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-top: 30px;	
}

.sec-title .separator{
	position: relative;
	display: inline-block;
	width: 140px;
}

.sec-title .separator:before,
.sec-title .separator:after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 55px;
	border-bottom: 1px solid #cccccc;
	content: "";
}

.sec-title .separator:after{
	left: auto;
	right: 0;
}

.sec-title .separator .icon{
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 26px;
	margin-left: -13px;
	font-size: 18px;
	line-height: 20px;
	color: #228dcd;
}

.sec-title.light h2,
.sec-title.light .separator .icon,
.sec-title.light .title{
	color: #ffffff;
}

.sec-title.light .separator:before,
.sec-title.light .separator:after{
	border-color: #ffffff;
}

/*** 

====================================================================
			Page Title
====================================================================

***/

.page-title{
	position:relative;
	padding: 100px 0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align: center;
}

.page-title:before{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#222222;
	opacity: .50;
	content:'';
}

.page-title h1{
	position:relative;
	display: block;
	font-size:48px;
	color:#ffffff;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 25px;
}

.page-title .bread-crumb {
	position: relative;
}

.page-title .bread-crumb li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #228dcd;
	font-weight: 700;
	text-transform: uppercase;
	cursor: default;
	padding-right:  10px;
	margin-right: 10px;
}

.page-title .bread-crumb li:before{
	position: absolute;
	right: -8px;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 900;
	content: "\f101";
	font-family: "Font Awesome 5 Free";
}

.page-title .bread-crumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
	display: none;
}

.page-title .bread-crumb li a{
	color:#ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#228dcd;	
}

/***

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
}

.banner-section .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 190px 0 190px;
}

.banner-section .content-box{
	position: relative;
	max-width: 680px;
	width: 100%;
}

.banner-section .content-box .inner-box{
	position: relative;
	padding: 70px 70px 50px;
	background-color: rgba(0,0,0,0.70);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.banner-section .content-box .inner-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	border: 10px solid rgba(255,255,255,.20);
	border-right: 0;
	content: "";
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.banner-section .active .content-box .inner-box:before{
	width: 230px;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.3em;
	color: #228dcd;
	font-weight: 500;
	text-transform: uppercase;
	opacity: 0;
	margin-bottom: 30px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section .active .title{
	opacity: 1;
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.banner-section h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.6em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 30px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
}

.banner-section .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 2000ms;
	-moz-transition-delay: 2000ms;
	-ms-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.banner-section .link-box .theme-btn{
	margin-right: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	padding: 15px 40px;
}

.banner-section .link-box .theme-btn:last-child{
	margin-right: 0;
}

.banner-section .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.banner-section .owl-next,
.banner-section .owl-prev{
	position: absolute;
	left: 80px;
	top: 0;
	height: 50px;
	font-size: 30px;
	line-height: 52px;
	color: #ffffff;
	width: 50px;
	text-align: center;
	background-color: rgba(0,0,0,0.70);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-next{
	right: 80px;
	left: auto;
}

.banner-section .owl-next:hover,
.banner-section .owl-prev:hover{
	color: #228dcd;
	background-color: rgba(0,0,0,.80);
}

/* Bnner Section Style Two */
.banner-section.style-two .content-box{
	float: right;
}

.banner-section.style-two .slide-item{
	padding: 340px 0 170px;
}

.banner-section.style-two .content-box .inner-box{
	padding: 70px 60px 50px;
}

.banner-section.style-two .content-box .inner-box:before{
	display: none;
}

.banner-section.style-two h2{
	margin-bottom: 40px;
}

/*** 

====================================================================
		Banner Section Two
====================================================================

***/

.banner-section-two{
	position: relative;
}

.banner-section-two .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 280px 0;
}

.banner-section-two .slide-item:before{
	position: absolute;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: .70;
}

.banner-section-two .content-box{
	position: relative;
	text-align: center;
}

.banner-section-two h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #228dcd;
	font-weight: 400;
	opacity: 0;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-family: "Roboto", sans-serif;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-two .active h4{
	opacity: 1;
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.banner-section-two h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	letter-spacing: -20px;
	margin-bottom: 30px;
	-webkit-transition: all 1500ms ease;
	-moz-transition: all 1500ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}

.banner-section-two .active h2{
	opacity: 1;
	letter-spacing: 0px;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-section-two .content-box .text{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.3em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 35px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section-two .active  .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section-two .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-section-two .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section-two .link-box .theme-btn{
	padding: 15px 40px;
	line-height: 30px;
	font-size: 18px;
	margin: 0 15px;
}

.banner-section-two .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
}

.banner-section-two .owl-next,
.banner-section-two .owl-prev{
	position: absolute;
	left: 80px;
	top: 0;
	height: 50px;
	font-size: 48px;
	line-height: 52px;
	color: #ffffff;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .owl-next{
	right: 80px;
	left: auto;
}

.banner-section-two .owl-next:hover,
.banner-section-two .owl-prev:hover{
	color: #228dcd;
}

/***

====================================================================
		About Section
====================================================================

***/

.about-section{
	position: relative;
	padding: 100px 0 50px;
}

.about-section .content-column{
	position: relative;
}

.about-section .content-column .inner-column{
	position: relative;
	padding-right: 50px;
	padding-top: 30px;
}

.about-section .title-box{
	position: relative;
	margin-bottom: 45px;
}

.about-section .title-box h3{
	position: relative;
	display: block;
	font-size: 36px;
	line-height: 48px;
	color: #333333;
	font-weight: 700;
}

.about-section .title-box h3 span{
	color: #228dcd;
}

.about-section .text-box{
	position: relative;
}

.about-section p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

.about-section .image-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section .image-column .inner-column{
	position: relative;
	padding-bottom: 40px;
}

.about-section .image-column .image-2,
.about-section .image-column .image{
	position: relative;
	display: inline-block;
	border: 3px solid #ffffff;
	margin-bottom: 0;
	box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

.about-section .image-column .image-2 img,
.about-section .image-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.about-section .image-column .image-2{
	position: absolute;
	right: 0;
	bottom: 0px;
}

/***

====================================================================
		About Section Two
====================================================================

***/

.about-section-two{
	position: relative;
	padding: 130px 0 80px;
}

.about-section-two .content-column{
	position: relative;
	margin-bottom: 20px;
}

.about-section-two .content-column .inner-column{
	position: relative;
	padding-left: 45px;
	padding-top: 30px;
}

.about-section-two .sec-title{
	margin-bottom: 35px;
}

.about-section-two .text{
	position: relative;
	margin-bottom: 40px;
}

.about-section-two .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

.about-block{
	position: relative;
	margin-bottom: 30px;
}

.about-block .inner{
	position: relative;
	padding-left: 50px;
}

.about-block .icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	color: #228dcd;
}

.about-block h4{
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.about-block .text{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	margin-bottom: 0;
}

.about-section-two .image-column{
	position: relative;
	margin-bottom: 50px;
}

.about-section-two .imagebox{
	position: relative;
}

.about-section-two .imagebox .image{
	position: relative;
	margin-bottom: 0;
}

.about-section-two .image-column .image:before{
	position: absolute;
	right: -30px;
	top: -30px;
	height: 270px;
	width: 270px;
	background-image: url(../images/icons/pattern3.png);
	background-repeat: no-repeat;
	background-position: right top;
	content: "";
	z-index: -1;
}

.about-section-two .image-column .image:after{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -40px;
	height: 50px;
	width: 390px;
	border: 8px solid #eeeeee;
	content: "";
	z-index: -1;
}

.about-section-two .imagebox .image img{
	display: block;
	width: 100%;
	height: auto;
}

/***

====================================================================
		Call To Action
====================================================================

***/

.call-to-action{
	position: relative;
}

.call-to-action.alternate{
	padding-bottom: 100px;
}

.call-to-action .outer-box{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	background-color: #ffffff;
	margin-bottom: 25px;
	padding: 55px 20px 0;
	-webkit-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	-o-box-shadow: 0 25px 50px rgba(0,0,0,0.05);
	box-shadow: 0 25px 50px rgba(0,0,0,0.05);
}

.call-to-action .outer-box:before{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	margin-bottom: -100px;
	bottom: 0;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0px 100px rgba(255,255,255,1);
	-moz-box-shadow: 0 0px 100px rgba(255,255,255,1);
	-ms-box-shadow: 0 0px 100px rgba(255,255,255,1);
	-o-box-shadow: 0 0px 100px rgba(255,255,255,1);
	box-shadow: 0 0px 100px rgba(255,255,255,1);
	content: "";
}

.call-to-action h2{
	position: relative;
	display: block;
	font-size: 38px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.call-to-action .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 5px;
}

.call-to-action .btn-box{
	position: relative;
	-webkit-transform: translateY(25px);
	-moz-transform: translateY(25px);
	-ms-transform: translateY(25px);
	-o-transform: translateY(25px);
	transform: translateY(25px);
}

.call-to-action .btn-box .theme-btn{
	padding: 15px 40px;
}

/***

====================================================================
		Call To Action Two
====================================================================

***/

.call-to-action-two{
	position: relative;
	padding: 50px 0;
	background-color: #333333;
}

.call-to-action-two .auto-container{
	max-width: 1030px;
}

.call-to-action-two .title-column{
	position: relative;
	float: left;
	padding: 5px 0;
}

.call-to-action-two .title-column h2{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 700;
}

.call-to-action-two .btn-box{
	position: relative;
	float: right;
}

.call-to-action-two .btn-box a{

}

.call-to-action-two.alternate{
	background-color: #228dcd;
}

.call-to-action-two.alternate .title-column h2{
	color: #ffffff;
}

.call-to-action-two.alternate .auto-container{
	max-width: 1200px;
}

/***

====================================================================
		Call To Action Three
====================================================================

***/

.call-to-action-three{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	background-color: #ffffff;
	padding: 125px 0px 130px;
}

.call-to-action-three h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 40px;
}

.call-to-action-three .contact-info{
	position: relative;
	font-family: "Lora", sans-serif;
	margin-bottom: 40px;
}

.call-to-action-three .contact-info li{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin: 0 15px 10px;
}

.call-to-action-three .contact-info a{
	color: #228dcd;
	display: inline-block;
	transition: 300ms ease;
}

.call-to-action-three .contact-info a:hover{
	color: #333333;
}

.call-to-action-three .btn-box{
	position: relative;
}

.call-to-action-three .btn-box .theme-btn{
	padding: 15px 40px;
	line-height: 25px;
	font-size: 18px;
}

/*** 

====================================================================
			Services Section
====================================================================

***/

.services-section{
	position: relative;
	padding: 20px 0 20px;
}

.services-section .left-column{
	position: relative;
	text-align: left;
	/*margin-bottom: 50px;*/
}

.services-section .right-column{
	position: relative;
	/*margin-bottom: 50px;*/
}

.service-block{
	position: relative;
	display: block;
	box-shadow: 0px 0px 5px 2px rgb(34 141 205 / 42%);
    margin: 10px 0px 10px 0px;
    background: #fff !important;
    border: 1px solid rgb(34 141 205 / 59%);
	    border-radius: 10px;
}
.service-block:hover{
	box-shadow: 0px 0px 5px 2px rgb(12 91 138 / 53%);
	border: 1px solid rgb(12 91 138 / 59%);
}

.service-block .inner{
	position: relative;
	padding-left: 0px;
	min-height: 50px;
	text-align: center;
	min-height: 125px;
}

.service-block .icon-box{
	margin: 20px 0px 10px;
	position: relative;
	/*left: 0;
	top: 0;*/
	margin-bottom: 10px;
	/*ebkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;*/
}

.service-block .icon-box .icon{
	position: relative;
	font-size: 50px;
	line-height: 1em;
	color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner:hover .icon-box .icon{
	color: #228dcd;
	background: #000;
}
.icon-box> img{
    background: #228dcd;
    border-radius: 13px;
	padding: 5px;
}
.pdf-img {
    display: none;
}
/*.icon-box> img:hover {
    background: #000000;
    border-radius: 13px;
	padding: 5px;
}*/
/*
.service-block .inner:hover .icon-box{
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}
*/
.service-block h6{
	position: relative;
	font-size: 12px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
	padding: 16px 0px;
	text-transform: capitalize;
	min-height:60px;
}

.service-block h6 a{
	color: #228dcd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner:hover h6 a{
	color: #228dcd;
}

.service-block .text{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.services-section .right-column .service-block .inner{
	position: relative;
	text-align: right;
	padding-left: 0;
	padding-right: 85px;
}

.services-section .right-column .service-block .icon-box{
	left: auto;
	right: 0;
}

.services-section .center-image{
	/*margin-bottom: 50px;*/
}

.services-section .center-image .inner-box{
	position: relative;
	text-align: center;
}

.services-section .center-image .image{
	position: relative;
	margin-bottom: 0;
}

.services-section .center-image .image img{
	max-width: 80%;
	height: auto;
}

/*** 

====================================================================
		Services Section Two
====================================================================

***/

.services-section-two{
	position: relative;
	padding-bottom: 100px;
}

.services-section-two .outer-box{
	position: relative;
	margin-top: -65px;
}

.service-block-two{
	position: relative;
}

.service-block-two .inner-box{
	position: relative;
}

.service-block-two .imagebox{
	position: relative;
}

.service-block-two .imagebox .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	background-color: #228dcd;
}

.service-block-two .imagebox .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-two .inner-box:hover .imagebox .image img{
	opacity: .70;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.service-block-two .lower-content{
	position: relative;
	padding: 35px 0 0;
}

.service-block-two .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 25px;
}

.service-block-two .lower-content h3 a{
	display: inline-block;
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .lower-content h3 a:hover{
	color: #228dcd;
}

.service-block-two .lower-content .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.services-section-two .owl-nav{
	display: none;
}

.services-section-two .owl-dots{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 50px;
}

.services-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 4px;
	width: 30px;
	background-color: #333333;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-section-two .owl-dot:hover,
.services-section-two .owl-dot.active{
	background-color: #228dcd;
}

.services-section-two.alternate{
	padding: 100px 0;
}

.services-section-two.alternate .outer-box{
	margin-top: 0;
}

/*** 

====================================================================
		Services Section Three
====================================================================

***/

.services-section-three{
	position: relative;
	padding: 100px 0 50px;
}

.service-block-three{
	position: relative;
	display: block;
	margin-bottom: 65px;
}

.service-block-three .inner-box{
	position: relative;
	padding-top: 35px;
	padding-left: 40px;
}

.service-block-three .content{
	position: relative;
	padding: 30px 20px 20px;
	padding-left: 70px;
	border: 1px dashed #cccccc;
}

.service-block-three .icon-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 85px;
	text-align: center;
	background-color: #ffffff;
	border: 1px dashed #333333;
	z-index: 1;
	font-size: 50px;
	line-height: 80px;
	color: #228dcd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .icon-box .icon{
	position: relative;
}

.service-block-three .inner-box:hover .icon-box{
	color: #333333;
	border-color: #228dcd;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.service-block-three h6{
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-block-three h6 a{
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box:hover h6 a{
	color: #228dcd;
}

.service-block-three .text{
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

/*** 

====================================================================
		Service Detail Section
====================================================================

***/

.service-detail-section{
	position: relative;
	padding: 100px 0 50px;
}

.service-detail{
	position: relative;
}

.service-detail .imagebox{
	position: relative;
}

.service-detail .imagebox img{
	position: relative;
	display: block;
	width: 100%;
}

.service-detail .lower-content{
	position: relative;
	padding-top: 30px;
}

.service-detail .lower-content h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 25px;
}

.service-detail .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.service-detail .lower-content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 27px;
}

.service-detail .post-info{
	position: relative;
	margin-bottom: 50px;
	padding: 30px 25px 10px;
	border: 2px solid #ebebeb;
}

.service-detail .post-info .info-list{
	position: relative;
}

.service-detail .post-info .info-list li{
	position: relative;
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
	padding: 0 15px;
}

.service-detail .post-info .info-list li strong{
	float: left;
	width: 50%;
	font-size: 16px;
	line-height: 24px;
	font-family: "Lora", sans-serif;
	color: #333333;
	font-weight: 700;
}

.service-detail .two-column{
	position: relative;
	margin-top: 30px;
}

.service-detail .two-column .image-column{
	position: relative;
	margin-bottom: 50px;
}

.service-detail .two-column .image{
	position: relative;
	margin-bottom: 0;
}

.service-detail .two-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.service-detail .two-column .info-column{
	position: relative;
	margin-bottom: 30px;
	padding-top: 10px;
}

/*Services Category*/

.services--list{
	position:relative;
	margin-bottom: 70px;
}

.services--list li{
	position:relative;
	overflow: hidden;
	margin-bottom: 8px;
}

.services--list li a{
	font-size:18px;
	font-weight:700;
	color:#333333;
	line-height: 28px;
	padding: 20px 25px;
	display:block;
	font-family:"Lora", sans-serif;
	border-left: 5px solid #228dcd;
	background-color: #ebebeb;
	overflow: hidden;
	padding-right: 75px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services--list li.active a,
.services--list li:hover a{
	color: #ffffff;
	background-color: #228dcd;
	border-color: #333333;
}

.services--list li a:before{
	position:absolute;
	content:'\f101';
	right:33px;
	top:20px;
	color:#333333;
	font-size: 16px;
	line-height: 30px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services--list li.active a:before,
.services--list li:hover a:before{
	color: #ffffff;
}

.services--list li a:after{
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -7px;
	content: "";
	opacity: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #333333;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services--list li.active a:after,
.services--list li:hover a:after{
	opacity: 1;
}

/*Brochure links*/
.sidebar .links-box{
	position: relative;
}

.sidebar .links-box .sec-title{
	margin-bottom: 30px;
}

.sidebar .brochure-link{
	position: relative;
	margin-bottom:10px;
}

.sidebar .brochure-link a{
	position:relative;
	display: block;
	font-size: 18px;
	line-height: 35px;
	color: #333333;
	font-weight: 700;
	padding: 15px 50px;
	padding-left: 35px;
	font-family:"Lora", sans-serif;
	border-left: 5px solid #228dcd;
	background-color: #ebebeb;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.sidebar .brochure-link a:after{
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -7px;
	content: "";
	opacity: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #228dcd;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .brochure-link a:hover:after{
	left: 0;
	opacity: 1;
}

.sidebar .brochure-link a i{
	position: relative;
	float: right;
	font-size: 20px;
	line-height: 35px;
	color: #333333;
	font-weight: 400;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.sidebar .brochure-link a:hover{
	background-color: #333333;
	color: #ffffff;
}

.sidebar .brochure-link a:hover i{
	color: #ffffff;
}

/*brochure Box*/

.brochure-box{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #228dcd;
	background-size:cover;
	padding:45px 40px 50px;
	margin-bottom: 50px;
}

.brochure-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #228dcd;
	opacity: 0.90;
	content: "";
}

.sidebar-side .brochure-box .sec-title{
	margin-bottom: 20px;
}

.brochure-box .sec-title .title{
	color: #ffffff;
}

.brochure-box p{
	position:relative;
	font-size:16px;
	line-height:30px;
	color:#ffffff;
	font-weight: 400;
	margin-bottom:40px;
}

.brochure-box .theme-btn{
	position: relative;
	padding: 10px 35px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: transparent;
}

.brochure-box .theme-btn:hover{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #228dcd;
}

/*** 

====================================================================
		Fluid Section One
====================================================================

***/

.fluid-section-one{
	position: relative;
	background-color: #f5f5f5;
}

.fluid-section-one .outer-container{
	position: relative;
}

.fluid-section-one .video-column{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.fluid-section-one .video-column .inner-column{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.fluid-section-one .video-column .content{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
}

.fluid-section-one .video-column .content .inner{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	padding: 100px 0;
	background-color: rgba(0,0,0,0.70);
	border-top: 5px solid rgba(255,255,255,.70);
	border-bottom: 5px solid rgba(255,255,255,.70);
	transform: translateY(-50%);
}

.fluid-section-one .video-column h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.fluid-section-one .video-column .text{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

/* Play Box */

.video-link-box .play-box{
	position:relative;
	display:block;
	text-align:center;
	width:80px;
	height:80px;
	margin:0 auto 50px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-link-box .play-box .icon{
	position: relative;
	width:80px;
	height: 80px;
	z-index:99;
	display:inline-block;
	color: #228dcd;
	font-weight:400;
	font-size:24px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	line-height:80px;
	background-color: #ffffff;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	-ms-box-shadow:0px 0px 15px rgba(0,0,0,0.15);
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-link-box .play-box .icon-outer{
	position:relative;
	display:block;
	width:80px;
	height:80px;
	margin:0 auto;
}

.video-link-box .play-box .icon-outer:before{
	content:'';
	position:absolute;
	left:-15px;
	top:-15px;
	width:110px;
	height:110px;
	background:rgba(255,255,255,0.30);
	border-radius:50%;	
}

.video-link-box .play-box .icon:after{
	content:'';
	position:absolute;
	left:-5px;
	top:-5px;
	bottom:-5px;
	right:-5px;
	background:rgba(255,255,255,0.30);
	border-radius:50%;	
}

.video-link-box .ripple,
.video-link-box .ripple:before,
.video-link-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-link-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-link-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.fluid-section-one .form-column{
	position: relative;
	float: right;
	width: 50%;
	background-color: #f5f5f5;
}

.fluid-section-one .form-column .inner-column{
	position: relative;
	max-width: 	600px;
	width: 100%;
	float: left;
	padding: 100px 15px 105px 115px;
}

.fluid-section-one .form-column .sec-title{
	margin-bottom: 25px;
}

.fluid-section-one .contact-form .form-group input[type="text"],
.fluid-section-one .contact-form .form-group input[type="email"],
.fluid-section-one .contact-form .form-group input[type="url"],
.fluid-section-one .contact-form .form-group textarea,
.fluid-section-one .contact-form .form-group select{
	border-color: #888888;
}

.fluid-section-one .contact-form .form-group input:focus,
.fluid-section-one .contact-form .form-group select:focus,
.fluid-section-one .contact-form .form-group textarea:focus{
	border-color:#228dcd;
}

.fluid-section-one.style-two .form-column{
	background-color: #161616;
	background-image: url(../images/icons/footer-bg.jpg);
}

.fluid-section-one.style-two .sec-title h2{
	color: #ffffff;
}

.fluid-section-one.style-two .video-column .content{
	background-color: rgba(51,51,51,0.50);
}

.fluid-section-one.style-two .video-column .content .inner{
	border: 0;
	background: none;
}

/***

====================================================================
	Projects Section
====================================================================

***/

.projects-section{
	position: relative;
	background-color: #f7f7f7;
	padding: 100px 0;
}

.projects-section.alternate{
	background-color: #ffffff;
}

.mixitup-gallery .filters{
 	margin-bottom:65px;
 	text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
 	display: inline-block;
}

.mixitup-gallery .filters li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
    padding: 5px 10px;
    background: #228dcd;
	font-weight: 400;
	cursor: pointer;
 	text-transform: capitalize;
 	margin: 0 1px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	color:#fff !important;
	background:#09649a !important;
}

.project-block.mix{
	display: none;
}

.project-block{
	position: relative;
	margin-bottom: 30px;
}

.project-block .imagebox{
	position: relative;
	border: 5px solid #f4f4f4;
	background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.project-block .image{
	position: relative;
	margin-bottom: 0;
}

.project-block .image img{
	width: 100%;
}
.shareable-section {
        padding: 30px 0px 30px 0px;
    background: #dee2e62e;
}

.project-block .overlay-box:before {
    background: rgba(255,255,255,1) none repeat scroll 0 0 padding-box content-box;
    content: "";
   height: 70%;
    width: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -moz-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -o-transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    transition: all 500ms cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */
    -webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */
}

.project-block .imagebox:hover .overlay-box:before {
    opacity: 0.80;
    width: 100%;
    left: 0;
}

.project-block .overlay-box .content{
    padding: 14px 18px;
    text-align: center;
    width: 100%;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project-block .overlay-box .content a{
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-transform: translateY(50px) rotate(45deg);
    -moz-transform: translateY(50px) rotate(45deg);;
    -ms-transform: translateY(50px) rotate(45deg);;
    -o-transform: translateY(50px) rotate(45deg);;
    transform: translateY(50px) rotate(45deg);
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.project-block .imagebox:hover .overlay-box .content a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0) rotate(-45deg);;
    -moz-transform: translateY(0) rotate(-45deg);;
    -ms-transform: translateY(0) rotate(-45deg);;
    -o-transform: translateY(0) rotate(-45deg);;
    transform: translateY(0) rotate(-45deg);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.project-block .imagebox:hover .overlay-box .content a:last-child {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.project-block .overlay-box .content a .icon{
	display: block;
    font-size: 14px;
    height: 40px;
    width: 40px;
    color: #ffffff;
    background-color: #333333;
    line-height: 40px;
    margin: 0 7px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.project-block .overlay-box .content a .icon:before{
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.project-block .overlay-box .content a .icon:hover {
    color: #ffffff;
    background-color: #ee3137;
}

.projects-section .btn-box{
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.projects-section .btn-box a{
	padding: 20px 45px;
	font-size: 18px;
}

.projects-section .styled-pagination{
	margin-top: 70px;
}

/***

====================================================================
		Project Section Two
====================================================================

***/

.project-section-two{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0;
}

.project-section-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #228dcd;
	opacity: .80;
	content: "";
}

.project-section-two .sec-title .title{
	color: #ffffff;
}

.project-section-two .projects-carousel{
	position: relative;
}

.project-section-two .project-block{
	margin-bottom: 0;
}

.project-section-two .owl-nav{
	position: absolute;
	right: 0;
	left: 0;
	top: -110px;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
	text-align: right;
}

.project-section-two .owl-next,
.project-section-two .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #333333;
	border: 1px solid #333333;
	text-align: center;
	margin-left: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-section-two .owl-next:hover,
.project-section-two .owl-prev:hover{
	color: #ffffff;
	border-color: #ffffff;
}

/***

====================================================================
		Project Detail
====================================================================

***/

.project-detail{
	position: relative;
	padding: 20px 0 20px;
}

.project-detail .outer-container{
	position: relative;
	max-width: 1000px;
	padding: 0 15px;
	margin: 0 auto;
}

.project-detail .upper-box{
	position: relative;
	margin-bottom: 50px;
}

.project-detail .upper-box .imagebox{
	position: relative;
}

.project-detail .upper-box .image{
	position: relative;
	margin-bottom: 0;
}

.project-detail .upper-box .image img{
	display: block;
	max-width: 100%;
	height: auto;
}

.project-detail .content-box h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #ee3137;
	font-weight: 700;
	margin-bottom: 35px;
}

.project-detail .content-box h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

/*.project-detail .content-box p{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}*/

.project-detail .content-box .imagebox{
	position: relative;
	margin-bottom: 50px;
}

.project-detail .content-box .imagebox .image{
	position: relative;
	margin-bottom: 0;
}

.project-detail .content-box .imagebox .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail .accordion-area .imagebox .image{
	text-align: center;
}

.project-detail .accordion-area .imagebox .image img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
}

.project-detail .two-column .list-column{
	margin-bottom: 50px;
}

.project-detail .two-column .list-style-one{
	padding-top: 10px;
}

.project-detail .two-column .list-style-one li{
	position: relative;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 12px;
}

.project-detail .two-column .list-style-one li:before{
	font-size: 15px;
	line-height: 30px;
}

.accordion-box.style-two{
	margin-bottom: 50px;
}

.accordion-box.style-two .block {
	position: relative;
	border-radius: 0;
	margin-bottom: 10px;
	border: 0;
	padding: 0;
}

.accordion-box.style-two .block .acc-btn{
	position:relative;
	font-size:15px;
	line-height:28px;
	color:#333333;
	font-weight:700;
	padding:10px 15px 10px;
	padding-left: 70px;
	background-color: transparent;
	border-radius: 0;
	border:1px solid #dddddd;
	font-family: "Lora", sans-serif;
}

.accordion-box.style-two .block .acc-btn.active{
	background-color: #ffffff;
	color: #228dcd;
}

.accordion-box.style-two .block .icon{
	position:absolute;
	left: 0;
	top: 0;
	height: 50px;
	width: 50px;
	line-height: 50px;
	background-color: #228dcd;
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box.style-two .block .acc-btn.active .icon:before{
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 50px;
	line-height: 50px;
	content: "\f358";
	color: #ffffff;
	height: 50px;
	background-color: #333333;
	font-size: 16px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.accordion-box.style-two .block .content{
	border:0;
	padding:15px 0;
	font-size: 14px;
	color: #888888;
	line-height: 30px;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	width: 100%;
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0 0 8px;
	margin-right: 9px;
}

.styled-pagination li:last-child{
	margin-right: 0;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:38px;
	font-weight:400;
	font-size:14px;
	color:#666666;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#ffffff;	
	border-color:#333333;
	background:#333333;
}

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
	width: auto;
	padding: 0 20px;
}

/***

====================================================================
		Fun Fact Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	background-color: #f4f4f4;
	padding:100px 0 30px;
	z-index: 9;
}

.fun-fact-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image:url(../images/icons/pattern2.png);
	content: "";
}

.fun-fact-section .fact-counter{
	position: relative;
}

.fun-fact-section .counter-column{
	position:relative;
	text-align: center;
	margin-bottom: 70px;
}

.fun-fact-section .icon{
	position: relative;
	display: inline-block;
	font-size:64px;
	line-height: 50px;
	font-weight:400;
	color:#71b100;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fun-fact-section .counter-column:hover .icon{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	color: #333333;
}

.fun-fact-section .counter-title{
	position: relative;
	display: block;
	font-size:18px;
	line-height:24px;
	font-weight:400;
	color:#888888;
	margin-bottom: 30px;
	font-family: "Roboto", sans-serif;
}

.fun-fact-section .count-box{
	position: relative;
	font-size:36px;
	line-height: 1em;
	font-weight:700;
	color:#333333;
	font-family: "Lora", sans-serif;
}

.fun-fact-section .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:36px;
	line-height: 1em;
	font-weight:700;
	color:#333333;
	font-family: "Lora",sans-serif;
}

/***

====================================================================
		Products Section
====================================================================

***/

.products-section{
	position: relative;
	padding: 100px 0;
}

.products-carousel{
	position: relative;
}

.product-block{
	position: relative;
}

.product-block .inner-box{
	position: relative;
}

.product-block .imagebox{
	position: relative;
	overflow: hidden;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-block .inner-box:hover .imagebox{
	border: 1px solid #228dcd;
}

.product-block .imagebox .image{
	position: relative;
	margin-bottom: 0;
}

.product-block .imagebox .tag{
	position: absolute;
	left: -140px;
	top: -140px;
	height: 80px;
	width: 80px;
	background-color: #228dcd;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	padding-top: 58px;
	opacity: 0;
	z-index: 9;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.product-block .inner-box:hover .imagebox .tag{
	left: -40px;
	top: -40px;
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.product-block .imagebox .image{
	position: relative;
}

.product-block .imagebox .image img{
	display: block;
	width: 100%;
	height: auto;
}

.product-block .btn-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -25px;
	text-align: center;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.product-block .btn-box a{
	position: relative;
}

.product-block .inner-box:hover .btn-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.product-block .lower-content{
	position: relative;
	padding: 25px 0 0;
}

.product-block .lower-content .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	margin-bottom: 15px;
}

.product-block .lower-content .name a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-block .lower-content .name a:hover{
	color: #228dcd;
}

.product-block .lower-content .price{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #228dcd;
	font-weight: 700;
	font-family: "Lora", sans-serif;
	margin-bottom: 13px;
}

.product-block .lower-content .price del{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #777777;
	margin-right: 10px;
}

.product-block .lower-content .rating{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 24px;
	color: #ffb200;
	font-weight: 400;
}

.product-block .lower-content .rating span{
	margin-right: 4px;
}

.product-block .lower-content .rating .light{
	color: #dddddd;
}

.products-carousel .owl-nav{
	display: none;
}

/*** 

====================================================================
		Team Section
====================================================================

***/

.team-section{
	position: relative;
	padding: 100px 0 50px;
}

.team-block{
	position: relative;
	margin-bottom: 50px;
}

.team-block .inner-box{
	position: relative;
}

.team-block .imagebox{
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
	border-radius: 50%;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}

.team-block .image{
	position: relative;
	margin-bottom: 0;
}

.team-block .image img{
	display: block;
	width: 100%;
	height: auto;
}

.team-block .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	border-radius: 50%;
	-webkit-transform: scale(.7) rotate(360deg);
	-moz-transform: scale(.7) rotate(360deg);
	-ms-transform: scale(.7) rotate(360deg);
	-o-transform: scale(.7) rotate(360deg);
	transform: scale(.7) rotate(360deg);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-block .overlay-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	border-radius: 50%;
	background: #228dcd padding-box content-box;
	padding: 15px;
	opacity: .80;
}

.team-block .overlay-box .social-links{
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	text-align: center;
	margin-top: -20px;
}

.team-block .social-links li{
	position: relative;
	display: inline-block;
}

.team-block .social-links li a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	background-color: transparent;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .social-links li a:hover{
	background-color: #333333;
}

.team-block .inner-box:hover .overlay-box{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.team-block .caption-box{
	position: relative;
	text-align: center;
}

.team-block .caption-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 18px;
}

.team-block .caption-box .name a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .caption-box .name a:hover{
	color: #228dcd;
}

.team-block .caption-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	font-weight: 400;
}
/***

==================================================================
		Call Back Section
==================================================================

***/

.call-back-section{
	position: relative;
	padding:100px 0;
}

.call-back-section .sec-title{
	margin-bottom: 30px;
}

.call-back-section .form-outer{
	position: relative;
	float: right;
	max-width: 770px;
}

.contact-form{
	position: relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    padding: 15px 0px 14px;
    background-color: transparent;
    font-weight: 400;
    height: 50px;
    border-bottom: 1px solid #cccccc;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#228dcd;
}

.contact-form .form-group textarea{
	height: 120px;
	resize: none;
}

.contact-form .form-group button{
	margin-top: 20px;
	padding: 15px 50px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
}

.contact-form label.error{
	color: #ff0000;
}

.call-back-section .side-image{
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 38%;
	text-align: center;
}

.call-back-section .side-image img{
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/***

==================================================================
		Why Choose Us
==================================================================

***/

.why-choose-us{
	position: relative;
	background-color: #f7f7f7;
}

.why-choose-us .outer-container{
	position: relative;
}

.why-choose-us .features-column{
	position: relative;
	float: left;
	width: 65%;
}

.why-choose-us .features-column .inner-column{
	position: relative;
	max-width: 950px;
	padding: 100px 15px 75px;
	margin: 0 auto;
	width: 100%;
}

.why-choose-us .sec-title{
	margin-bottom: 50px;
}

.why-choose-us .features-column .row{
	margin: 0 -20px;
}

.why-choose-us .features-column .feature-block{
	padding: 0 20px;
}

.feature-block{
	position: relative;
	margin-bottom: 25px;
}

.feature-block .inner-box{
	position: relative;
	padding: 40px 40px 40px;
	padding-left: 120px;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}	

.feature-block .inner-box:hover{
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.feature-block .icon{
	position: absolute;
	left: 40px;
	top: 40px;
	font-size: 48px;
	color: #228dcd;
	font-weight: 400;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover .icon{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	color: #333333;
}

.feature-block h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.feature-block h4 a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover h4 a{
	color: #228dcd;
}

.feature-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.why-choose-us .image-column{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	right: 0;
	top: 0;
	height: 100%;
	width: 35%;
}

.why-choose-us .image-column .imagebox{
	position: relative;
	display: none;
}

.why-choose-us .image-column .imagebox img{
	display: block;
	width: 100%;
	height: auto;
}

/***

==================================================================
		Testimonial Section
==================================================================

***/

.testimonial-section{
	position: relative;
	padding: 100px 0;
}

.testimonial-section .layer-image{
	position: absolute;
	top: 0;
	left: 4%;
	width: 9%;
}

.testimonial-section .layer-image img{
	max-width: 100%;
	height: auto;
}

.testimonial-section .testimonial-carousel{
	position: relative;
	padding-bottom: 15px;
}

.testimonial-block{
	position: relative;
	max-width: 970px;
	margin: 0 auto;
}

.testimonial-block .inner-box{
	position: relative;
	padding-top: 45px;
	padding-left: 70px;
}

.testimonial-block .thumb-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 225px;
	z-index: 1;
}

.testimonial-block .thumb-box img{
	width: 100%;
	height: auto;
}

.testimonial-block .content{
	position: relative;
	padding: 40px 50px;
	padding-left: 190px;
	border: 2px solid #cccccc;
}

.testimonial-block .content .icon{
	position: relative;
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	color: #bbbbbb;
	margin-bottom: 20px;
	opacity: .50;
}

.testimonial-block .content .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.testimonial-block .info-box{
	position: relative;
}

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
}

.testimonial-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #228dcd;
	font-weight: 400;
}

.testimonial-carousel .owl-nav{
	position: absolute;
    right: 9%;
    bottom: 0px;
    width: 85px;
    height: 35px;
    background-color: #228dcd;
    margin-right: 45px;
}

.testimonial-carousel .owl-nav:before{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	line-height: 35px;
	content: "/";
	text-align: center;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
	position: absolute;
	left: 13px;
	bottom: 0;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.testimonial-carousel .owl-next{
	left: auto;
	right: 13px;
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover{
	color: #ffffff;
}

/***

==================================================================
		Testimonial Section Two
==================================================================

***/

.testimonial-section-two{
	position: relative;
	background-color: #228dcd;
	padding: 100px 0;
}

.testimonial-section-two:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 380px;
	width: 100%;
	content: "";
	background-image: url(../images/icons/bg-1.png);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-size: cover;
}

.testimonial-section-two .carousel-outer{
	position: relative;
	max-width: 1090px;
	margin: 0 auto;
}

.testimonial-section-two .testimonial-carousel-two{
	position: relative;
	padding-bottom: 120px;
}

.testimonial-block-two{
	position: relative;
}

.testimonial-block-two .inner-box{
	position: relative;
	padding: 35px 50px 40px;
	background-color: rgba(255,255,255,.20);
	border-radius: 10px;
}

.testimonial-block-two .text{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 36px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.testimonial-block-two .info-box{
	position: relative;
	padding-top: 25px;
	min-height: 100px;
	padding-left: 140px;
}

.testimonial-block-two .thumb-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

.testimonial-block-two .thumb-box img{
	width: 100%;
	height: auto;
}

.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 10px;
}

.testimonial-block-two .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

.testimonial-block-two .info-box .icon{
	position: absolute;
	right: 0;
	bottom: 15px;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
}

.testimonial-carousel-two .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
    bottom: 0px;
    width: 85px;
    height: 40px;
    background-color: #228dcd;
    margin: 0 auto;
    border: 2px solid #ffffff;
}

.testimonial-carousel-two .owl-nav:before{
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	line-height: 38px;
	content: "/";
	text-align: center;
}

.testimonial-carousel-two .owl-next,
.testimonial-carousel-two .owl-prev{
	position: absolute;
	left: 13px;
	bottom: -2px;
	font-size: 16px;
	color: #333333;
	line-height: 38px;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.testimonial-carousel-two .owl-next{
	left: auto;
	right: 13px;
}

.testimonial-carousel-two .owl-next:hover,
.testimonial-carousel-two .owl-prev:hover{
	color: #ffffff;
}

/*** 

====================================================================
			Pricing Section
====================================================================

***/

.pricing-section{
	position: relative;
	padding: 160px 0 70px;
}

.pricing-table{
	position: relative;
	margin-bottom: 40px;
}

.pricing-table .inner-box{
	position: relative;
	padding: 10px 0px 0px;
	text-align: center;
	overflow: hidden;

	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	border-radius: 10px;
}

.pricing-table .inner-box:hover ,
.pricing-table.tagged .inner-box{
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.09);
	box-shadow: 0 0 15px rgba(0,0,0,0.09);
}

.pricing-table .title{
	position: relative;
	display: block;
	font-size: 18px;
	color: #228dcd;
	font-weight: 700;
	margin-bottom: 15px;
	font-family: "Lora", sans-serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table:hover .title,
.pricing-table.tagged .title{
	color: #333333;
}

.pricing-table .price{
	position: relative;
	font-size: 20px;
	line-height: 1em;
	color: #333333;
	font-weight: 700;
	/*font-family: "Lora", sans-serif;*/
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-table .price span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-top: 10px;
}

.pricing-table:hover .price,
.pricing-table.tagged .price{
	color: #228dcd;
}

.pricing-table .table-content{
	position: relative;
	margin-top: 10px;
	border-top: 2px solid #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	/*margin-bottom: 45px;*/
}

.pricing-table .table-content ul{
	position: relative;
	text-align: left;
}

.pricing-table .table-content ul li{
	position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    font-weight: 400;
    padding: 3px 10px;
    text-align: left;
}

/*.pricing-table .table-content ul li:nth-child(even){
	background-color: #f3f3f3;
}*/

.pricing-table .table-content ul li:before{
	display:none;
	position: relative;
	margin-right: 15px;
	font-size: 15px;
	line-height: 30px;
	color: #888888;
	font-weight: 900;
	content: "\f101";
	font-family: "Font Awesome 5 Free";
}

.pricing-table .table-footer {
    position: relative;
    padding: 20px 0px;
}

.pricing-table .table-footer a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	padding: 13px 21px;
	color: #228dcd;
	font-weight: 600;
	font-family: "Lora", sans-serif;
	background-color: #228dcd;
    border: 2px solid #228dcd;
    border-radius: 50%;
}

.pricing-table.tagged .table-footer a,
.pricing-table .inner-box:hover .table-footer a{
	background-color: #333333;
	border-color: #333333;
	color: #ffffff;
}
.table-footer a > span.fa-map-marker-alt:before {
    content: "\f3c5";
    color: #fff;
    font-size: 25px;
}

/*** 

====================================================================
			FAQ Section
====================================================================

***/

.faq-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 50px;
}

.faq-section .sec-title{ 
	margin-bottom: 50px;
}

.faq-section .location-column{
	position: relative;
	margin-bottom: 20px;
}

.faq-section .location-column .inner-column{
	position: relative;
}

.location-list{
	position: relative;
}

.location-list li{
	position: relative;
}

.location-list li{
	position:relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 36px;
}

.location-list li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 24px;
	color: #228dcd;
	font-weight: 900;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
}

.location-list li a{
	display: block;
	color: #888888;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.location-list li a:hover{
	color:#228dcd;
}

.faq-section .location-list li{
	float: left;
	width: 33.33333333%;
}

.faq-section .faq-column{
	position: relative;
	margin-bottom: 40px;
}

.faq-section .faq-column .inner-column{
	position: relative;
}

.faq-section .accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
	padding: 14px;
	border:1px solid #e1e1e1;
	background-color: transparent;
	margin-bottom: 10px;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:18px;
	line-height:26px;
	color:#333333;
	font-weight:700;
	padding:7px 30px;
	cursor:pointer;
	padding-left: 65px;
	font-family: "Lora", sans-serif;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
	color: #228dcd;
}

.accordion-box .block .icon{
	position:absolute;
	left: 0px;
	top:0px;
	height: 40px;
	width: 40px;
	color: #228dcd;
	background-color: #ffffff;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon{
	background-color: #333333;
	color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon:before{
	content: "\f068";
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	padding: 10px 40px 0 65px; 
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
}

/*** 

====================================================================
		Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	padding: 20px 0 20px;
	background-color: #fafafa;
}

.clients-section .sponsors-outer{
	position: relative;
}

.clients-section .slide-item{
	position: relative;
}

.clients-section .imagebox{
	position: relative;
	margin: 0;
	text-align: center;
}

.clients-section .imagebox img{
	display: inline-block;
	/*max-width: 100%;
	width: auto;*/
	height: auto;
	max-height: 50px;
    width: auto;
    margin: 0 auto;
	/*opacity: 1;*/
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.clients-section .imagebox:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
	display: block;
}

.clients-section.style-two{
	background-color: #ffffff;
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
	box-shadow: 0 4px 15px rgba(0,0,0,0.10);
}

.clients-section.style-two.alternate{
	box-shadow: none;
	padding-top: 100px;
}	

/***

==================================================================
		News Section
==================================================================

***/

.news-section{
	position: relative;
	padding: 100px 0 50px;
}

.news-block{
	position: relative;
	margin-bottom: 50px;
}

.news-block .inner-box{
	position: relative;
}

.news-block .imagebox{
	position: relative;
}

.news-block .imagebox .image{
	position: relative;
	margin-bottom: 0;
	background-color: #228dcd;
	overflow: hidden;
}

.news-block .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block .inner-box:hover .image img{
	opacity: .80;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .lower-content{
	position: relative;
	padding:0 20px 20px;
	margin-top: -20px;
}

.news-block .lower-content .inner{
	position: relative;
	background-color: #ffffff;
	padding: 25px 25px 0;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	-o-box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.news-block .post-info{
	position: relative;
	margin-bottom: 15px;
}

.news-block .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.news-block .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .post-info li:last-child{
	margin-right: 0;
}

.news-block .post-info li a:hover{
	color: #228dcd;
}

.news-block h5{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.news-block h5 a{
	display: inline-block;
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block h5 a:hover{
	color: #228dcd;
}

.news-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.news-block .btn-box{
	position: relative;
	display: block;
	text-align: center;
	transform: translateY(20px);
}

.news-block .btn-box a{
	line-height: 25px;
	padding: 10px 30px;
	font-size: 14px;
}

/***

==================================================================
		News Section Two
==================================================================

***/

.news-section-two{
	position: relative;
	padding: 100px 0 70px;
}

.news-block-two{
	position: relative;
	margin-bottom: 30px;
}

.news-block-two .inner-box{
	position: relative;
	padding-left: 260px;
	min-height: 240px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.news-block-two .imagebox{
	position: absolute;
	left: 0;
	top: 0;
	width: 260px;
	height: auto;
}

.news-block-two .imagebox .image{
	position: relative;
	margin-bottom: 0;
	background-color: #228dcd;
	overflow: hidden;
}

.news-block-two .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity: .80;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-two .content-box{
	position: relative;
	background-color: #ffffff;
	padding: 25px 20px 0;
}

.news-block-two .post-info{
	position: relative;
	margin-bottom: 18px;
}

.news-block-two .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.news-block-two .post-info li span{
	margin-right: 5px;
	color: #228dcd;
	font-size: 14px;
}

.news-block-two .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two .post-info li:last-child{
	margin-right: 0;
}

.news-block-two .post-info li a:hover{
	color: #228dcd;
}

.news-block-two h5{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.news-block-two h5 a{
	display: inline-block;
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-two h5 a:hover{
	color: #228dcd;
}

.news-block-two .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.news-section-two .owl-nav{
	position: absolute;
	right: 0;
	left: 0;
	top: -110px;
	max-width: 1170px;
	margin: 0 auto;
	text-align: right;
}

.news-section-two .owl-next,
.news-section-two .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: #333333;
	border: 1px solid #333333;
	text-align: center;
	margin-left: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-section-two .owl-next:hover,
.news-section-two .owl-prev:hover{
	color: #228dcd;
	border-color: #228dcd;
}

/***

==================================================================
		Blog List
==================================================================

***/

.blog-list{
	position: relative;
}

.news-block-three{
	position: relative;
	margin-bottom: 60px;
}

.news-block-three .inner-box{
	position: relative;
	padding-left: 370px;
	min-height: 290px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.news-block-three .imagebox{
	position: absolute;
	left: 0;
	top: 0;
	width: 370px;
	height: auto;
}

.news-block-three .imagebox .image{
	position: relative;
	margin-bottom: 0;
	background-color: #228dcd;
	overflow: hidden;
}

.news-block-three .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block-three .inner-box:hover .image img{
	opacity: .80;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-three .content-box{
	position: relative;
	background-color: #ffffff;
	padding: 35px 30px 30px;
}

.news-block-three .post-info{
	position: relative;
	margin-bottom: 22px;
}

.news-block-three .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.news-block-three .post-info li span{
	margin-right: 5px;
	color: #228dcd;
	font-size: 14px;
}

.news-block-three .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three .post-info li:last-child{
	margin-right: 0;
}

.news-block-three .post-info li a:hover{
	color: #228dcd;
}

.news-block-three h5{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 20px;
}

.news-block-three h5 a{
	display: inline-block;
	color: #333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block-three h5 a:hover{
	color: #228dcd;
}

.news-block-three .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
}

.blog-list .styled-pagination{
	margin-top: 90px;
}

/***

==================================================================
		Blog Detail
==================================================================

***/

.blog-detail{
	position: relative;
}

.blog-detail .imagebox{
	position: relative;
	margin-bottom: 35px;
}

.blog-detail .imagebox .image{
	position: relative;
}

.blog-detail .imagebox .image img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-detail .post-info{
	position: relative;
	margin-bottom: 22px;
}

.blog-detail .post-info li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
}

.blog-detail .post-info li span{
	margin-right: 5px;
	color: #228dcd;
	font-size: 14px;
}

.blog-detail .post-info li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-info li:last-child{
	margin-right: 0;
}

.blog-detail .post-info li a:hover{
	color: #228dcd;
}

.blog-detail h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 30px;
}

.blog-detail .content-box{
	position: relative;
	padding-bottom: 10px;
	border-bottom: 2px solid #dddddd;
}

.blog-detail .content-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 30px;
}

.blog-detail .post-share-options{
	position: relative;
	padding: 30px 0;
	margin-bottom: 40px;
}

.blog-detail .post-share-options .text{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: 700;
	font-family: "Lora", sans-serif;
	padding: 5px 0;
}

.blog-detail .post-share-options .social-icon{
	position: relative;
}

.blog-detail .post-share-options .social-icon li{
	position: relative;
	display: inline-block;
	margin-left: 18px;
}

.blog-detail .post-share-options .social-icon li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	height: 40px;
	width: 40px;
	text-align: center;
	background-color: #228dcd;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-detail .post-share-options .social-icon li a:before{
	position: absolute;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	border: 1px dashed #ffffff;
	content: "";
	border-radius: 50%;
}

.blog-detail .post-share-options .social-icon li a:hover{
	color: #ffffff;
	background-color: #333333;
}

/***

==================================================================
		Contact Section
==================================================================

***/

.contact-section{
	position: relative;
}

.contact-section .outer-container{
	position: relative;
}

.contact-section .form-column{
	position: relative;
	
	
	background-color:#f9f9f9;
    box-shadow: 0px 2px 8px #e2e2e2;
	padding: 30px 15px 15px;
	/*margin: 80px 0px;*/
    text-align: center;
}

/*.contact-section .form-column:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/pattern.png);
	background-repeat: repeat;
	background-position: center;
	content: "";
}
*/
.contact-section .form-column .inner-column{
	
	
	width: 100%;
	padding: 40px 15px 40px;
	margin: 0 auto;
}

.contact-section .form-column .title-box{
	position: relative;
	margin-bottom: 30px;
}

.contact-section .form-column .title-box .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #228dcd;
	font-weight: 400;
	margin-bottom: 12px;
}

.contact-section .form-column .title-box h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	margin-bottom: 15px;
}

.contact-section .form-column .title-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
}

.contact-section .contact-form{
	position: relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:15px;	
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group input[type="number"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 29px;
    padding: 15px 15px;
    background-color: transparent;
    font-weight: 400;
    height: 50px;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#92c800;
}

.contact-form .form-group textarea{
	height: 150px;
	resize: none;
}

.contact-form .form-group button{
	line-height: 25px;
	padding: 10px 35px;
	margin-top: 25px;
	font-size: 16px;
	text-transform: capitalize;
	width: 100%;
}

/*== Map Column ===*/
.contact-section .map-column{
	position: absolute;
	right: 25%;
	width: 35%;
	height: 100%;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

.contact-section .map-column .map-outer{
	position: absolute;
	height: 100%;
	width: 100%;
}

.contact-section .map-column .map-canvas{
	position:absolute;
	height: 100%;
	width: 100%;
}

/*== Info Column ===*/

.contact-section .info-column{
	position: relative;
	float: right;
	width: 25%;
	margin-left: 35%;
	background-color: #88c630;
	z-index: 9;
}

.contact-section .info-column .inner-column{
	position: relative;
	padding: 120px 15px;
	max-width: 300px;
	margin: 0 auto;
}

.contact-section .contact-info-box{
	position: relative;
	margin-bottom: 60px;
}

.contact-section .contact-info-box:last-child{
	margin-bottom: 0;
}

.contact-section .contact-info-box .inner-box{
	position: relative;
	padding-left: 45px;
}

.contact-section .contact-info-box .icon{
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 24px;
	line-height: 1em;
	color: #333333;
	margin-bottom: 20px;
}

.contact-section .contact-info-box h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact-section .contact-info-box ul{
	position: relative;
}

.contact-section .contact-info-box ul li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.contact-section .contact-info-box ul li a{
	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-section .contact-info-box ul li a:hover{
	color: #222222;
}

.contact-section .contact-info-box.follow-us h4{
	margin-left: -40px;
}

.contact-section .contact-info-box.follow-us ul li{
	display: inline-block;
}

/*=== Social Icon Two ===*/

.social-icon-two{
	position: relative;
	display: block;
}

.social-icon-two li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

.social-icon-two li:last-child{
	margin-right: 0;
}

.social-icon-two li a{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 30px;
	color: #e8e8e8;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover{
	color: #222222;
}

.contact-section.style-two{
	position: relative;
	padding: 60px 0;
}

.contact-section.style-two .info-column{
	float: none;
	margin-left: 0;
}

.contact-section.style-two .map-column{
	width: 100%;
	height: auto;
	left: 0;
	right: auto;
	position: relative;
}

.contact-section.style-two .form-column .inner-column{
	
}

/***

==================================================================
				Main Footer
==================================================================

***/

.main-footer{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 1px solid #efefef;
}

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	opacity: .80;
	content: "";
}

/*=== Widgets Section ===*/

.main-footer .widgets-section{
	position:relative;
	padding: 50px 0 40px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:10px;
}

.main-footer .widget-title{
	position: relative;
	font-size:22px;
	font-weight:700;
	color:#333333;
	line-height: 30px;
	margin-bottom: 40px;
}

/*=== About Widget ===*/
.main-footer .about-widget{
	position: relative;
}

.main-footer .about-widget .footer-logo{
	position: relative;
	margin-bottom: 30px;
}

.main-footer .about-widget .footer-logo .image{
	position: relative;
	margin-bottom: 0;
}

.main-footer .about-widget .footer-logo img{
	display: block;
	height: auto;
	max-width: 100%;
}

.main-footer .about-widget .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 25px;
}

.main-footer .about-widget .social-links{
	position: relative;
	display: block;
}

.main-footer .about-widget .social-links li{
	position: relative;
	display: inline-block;
	margin-right: 17px;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	font-weight: 400;
}

.main-footer .about-widget .social-links li a{
	color: #333333;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .about-widget .social-links li a:hover{
	color: #228dcd;
}

/*=== Cities Widget ===*/

.main-footer .links-widget{
	position: relative;
	padding-left: 30px;
}

.main-footer .list{
	position: relative;
}

.main-footer .list li{
	position:relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 20px;
}

.main-footer .list li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 20px;
	color: #228dcd;
	font-weight: 900;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
}

.main-footer .list li a{
	display: inline-block;
	color: #888888;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .list li a:hover{
	color:#228dcd;
}

.main-footer .quick-widget{
	position: relative;
	padding-left: 30px;
}

.main-footer .quick-widget .list li:before{
	content: "\f101";
	font-size: 13px;
}

/*=== Popular Posts ===*/

.popular-posts{
	position: relative;
}

.popular-posts .post{
	position: relative;
	min-height: 80px;
	padding-left: 115px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.popular-posts .post:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.popular-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	overflow: hidden;
}

.popular-posts .post .thumb a{
	display: block;
}

.popular-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.popular-posts .post h4{
	position: relative;
	top: -3px;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

.popular-posts .post h4 a{
	color:#333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-posts .post h4 a:hover{
	color: #228dcd;
}

.popular-posts .post .date{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 24px;
	color: #888888;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position:relative;
	text-align: center;
}

.main-footer .footer-bottom:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	max-width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #dddddd;
	content: "";
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	padding: 10px 0;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a {
    color: #ffd289;
    font-weight: 600;
}

.main-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

/***

==================================================================
				Main Footer Style Two
==================================================================

***/

.main-footer.style-two{
	position: relative;
}

.main-footer.style-two:before{
	background-image: url(../images/icons/footer-bg.jpg);
	background-repeat: repeat;
	background-position: center;
	opacity: 1;
}

.main-footer.style-two .about-widget .social-links li a{
	color: #888888;
}

.main-footer.style-two .popular-posts .post h4,
.main-footer.style-two .popular-posts .post h4 a,
.main-footer.style-two .widget-title{
	color: #ffffff;
}

.main-footer.style-two .about-widget .social-links li a:hover,
.main-footer.style-two .popular-posts .post h4 a:hover{
	color: #228dcd;
}

.main-footer.style-two .popular-posts .post{
	border-color: #333333;
}

.main-footer.style-two .footer-bottom:before{
	background-color: #222222;
	height: 100%;
	max-width: 100%;
}

/***

==================================================================
		Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	overflow: hidden;
	padding: 100px 0 50px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-page-container .sidebar{
	padding-left: 30px;
}

.sidebar-side .sec-title .title{
	margin-bottom: 10px;
}

.sidebar-side .sec-title{
	margin-bottom: 30px;
}

.sidebar-side .sec-title h2{
	font-size: 24px;
}

.sidebar-widget{
    position: relative;
    margin-bottom:55px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 35px;
}

.sidebar-page-container .sidebar-title h3{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
	text-transform: capitalize;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:16px;
	color:#777777;
	line-height:28px;
	padding:15px 25px;
	height:60px;
	width:100%;
	border:1px solid #dddddd;
	background-color: #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#228dcd;	
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:16px;
	background-color: transparent;
	color:#228dcd;
	font-weight:normal;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
	color: #222222;
}

.sidebar .search-box.style-two .form-group input[type="text"],
.sidebar .search-box.style-two .form-group input[type="search"]{
	height: 50px;
	line-height: 50px;
}

.sidebar .search-box.style-two .form-group input[type="submit"],
.sidebar .search-box.style-two .form-group button{
	background-color: #228dcd;
	color: #ffffff;
	height: 50px;
	width: 50px;
	line-height: 50px;
}

/*=== Categories ===*/
.sidebar .categories .sidebar-title{
	margin-bottom: 20px;
}

.cat-list{
	position:relative;
}

.cat-list li{
	position:relative;
}

.cat-list li a{
	position:relative;
	font-size:16px;
	color:#888888;
	line-height: 20px;
	font-weight:400;
	padding: 20px 0px;
	display:block;
	border-bottom :1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.cat-list li a span{
	float: right;
}

.cat-list li:last-child a{
	border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
	color: #228dcd;
}

/*=== Latest News ===*/

.latest-news .post{
	position: relative;
	padding-left: 110px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dddddd;
	min-height: 80px;
}

.latest-news .post:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.latest-news .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 80px;
	width: 80px;
	margin-bottom: 20px;
}

.latest-news .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .post h5{
	position: relative;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	font-weight: 700;
	margin-bottom: 4px;
}

.latest-news .post h5 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.latest-news .post:hover h5 a{
	color: #228dcd;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
}

/*=== Gallery Widget ===*/

.sidebar .gallery-widget .sec-title .title{
	margin-bottom: 20px;
}

.sidebar .gallery-widget .sec-title,
.sidebar .gallery-widget .widget-title{
	margin-bottom: 30px;
}

.sidebar .gallery-widget .link-box{
	position: relative;
	float: right;
	margin-top: -60px;
}

.sidebar .gallery-widget .link-box a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #888888;
	font-weight: 400;
}

.sidebar .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px -5px 0;
}

.sidebar .gallery-widget .gallery-outer .image{
	position:relative;
	float:left;
	width: 33.333333%;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.sidebar .gallery-widget .gallery-outer .image img{
	display:block;
	width:100%;	
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sidebar .gallery-widget .gallery-outer .image:hover img{
	opacity: .70;
}

.sidebar .gallery-widget .btn-box{
	position: relative;
	display: block;
	margin-top: 25px;
	text-align: center;
}

.sidebar .gallery-widget .btn-box a{
	padding: 8px 45px;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 13px;
	margin-right: 10px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    padding: 9px 30px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #228dcd;
	border-color: #228dcd;
	color: #ffffff;
}

/*Sidebar Range slider */

.range-slider-one{
	position:relative;
	min-height:48px;
    padding-top: 10px;
    overflow: hidden;
	margin-top:-20px;
}

.range-slider-one .title{
	position:relative;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:400;
	margin-top:8px;
}

.range-slider-one .title:before{
	position:absolute;
	content:'$';
	right:-14px;
	top:0px;
	color:#848484;
	font-size:16px;
	font-weight:300;
}

.range-slider-one .input{
	float:right;
    left: 8px;
	max-width:75px;
	padding-left:8px;
	margin-top:8px;
    position: relative;
}

.range-slider-one .input input{
	background:none;
	color:#777777;
	font-size:16px;
	font-weight:300;
	width:auto;
	text-align:left;	
}

.range-slider-one .ui-widget.ui-widget-content{
	height:3px;
	border:none;
	margin-bottom:35px;
	background:#eeeeee;	
}

.range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:3px;
	background:#333333;	
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
	top:-3px;
	width:10px;
	height:10px;
	background:#228dcd;
	cursor:pointer;
	border-radius:0px;
	border-color:#228dcd;
}

.range-slider-one .theme-btn{
	padding:8px 35px;
	border-radius:0px;
}

.range-slider-one .theme-btn:before{
	display: none;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post{
	position:relative;
	padding:0px 0px;
	padding-left:90px;
	margin-bottom:30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #cccccc;
}

.sidebar .related-posts .post:last-child{
	margin-bottom:0px;
	padding-bottom: 0;
	border:0px;
}

.sidebar .related-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:70px;
}

.sidebar .related-posts .post .post-thumb img{
	display:block;
	width:100%;	
}

.sidebar .related-posts .post h4{
	top:-2px;
	font-size:18px;
	font-weight:600;
	color:#333333;
	line-height:1.2em;
	text-transform:capitalize;
}

.sidebar .related-posts .post h4 a{
	color:#333333;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover{
	color:#228dcd;	
}

.sidebar .related-posts .post .price{
	font-size:15px;
	letter-spacing:1px;
	font-weight:400;
	color:#777777;
}

.sidebar .related-posts .post .rating{
	line-height:1em;
}

.sidebar .related-posts .post .rating .fa{
	position:relative;
	display:inline-block;
	font-size:13px;
	line-height:20px;
	color:#228dcd;
}

.sidebar.shop-sidebar{
	padding: 0;
}

.our-shop .styled-pagination{
	margin-top:40px;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 60px;
}

.group-title h4{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #333333;
	font-weight: 700;
}

.comments-area{
	position:relative;
	margin-bottom: 60px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom:80px;
}

.comments-area .comment-box.reply-comment{
	margin-left: 120px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 135px;
	padding-top: 30px;
	padding-left: 160px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	height: 135px;
	width: 120px;
}

.comments-area .comment-box .author-thumb img{
	display:block;
	width:100%;
	border: 3px solid #ffffff;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 13px;
}

.comments-area .comment-box .name{
	position: relative;
	display: inline-block;
	font-size:20px;
	line-height:30px;
	font-weight:700;
	color:#222222;
	font-family: "Lora", sans-serif;
}

.comments-area .comment-box .date{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #228dcd;
	font-weight: 400;
	margin-left: 25px;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 24px;
	color:#777777;
	font-weight: 400;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
	width: 80px;
	line-height: 35px;
	color: #ffffff;
	background-color: #228dcd;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.02em;
	font-family: "Lora", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	color: #ffffff;
	background-color: #222222;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
 	position: relative;
}

.comment-form .group-title{
	margin-bottom: 30px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom: 30px;
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="url"],
.comment-form .form-group input[type="date"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 15px;
    color: #555555;
    line-height: 20px;
    font-weight: 400;
    padding: 13px 22px;
    background-color: #ffffff;
    border: 2px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input[type="submit"],
.comment-form .form-group button{
	font-size: 18px;
	line-height: 30px;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#228dcd;
}

.comment-form .form-group textarea{
	height: 185px;
	resize: none;
}

/***

==================================================================
		Shop Page Section
==================================================================

***/

.shop-page-section{
	position: relative;
	padding: 100px 0;
}

.shop-upper-box{
	position: relative;
	margin-bottom: 50px;
}

.shop-upper-box .items-label{
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #848484;
	padding: 10px 0;
}

.shop-upper-box .items-label span{
	color: #222222;
}

.shop-upper-box .sort-by{
	position: relative;
}

.sort-by .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	height:50px;
	width:100%;
	min-width: 220px;
	line-height:26px;
	text-align: left;
	padding:10px 20px;
	font-size: 15px;
	border: 1px solid #888888;
	color: #222222;
	font-weight: 400;
	text-transform:capitalize;
	background:#ffffff;
}

.sort-by .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#43c3ea;	
}

.sort-by .ui-button .ui-icon:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	font-weight: 900;
	position:absolute;
	right:0px;
	top:0px;
	width:10px;
	height:20px;
	display:block;
	color:#222222;
	line-height:20px;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{
	background-color: #228dcd;
	border-color:#228dcd;
}

.shop-page-section .product-block{
	position: relative;
	margin-bottom: 60px;
}

.shop-page-section .product-block .btn-box a{
	line-height: 20px;
	padding: 15px 30px;
	font-size: 14px;
}

/***

==================================================================
		Product Detail
==================================================================

***/

.product-details .basic-details{
	position:relative;
	margin-bottom:50px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:30px;
}

.product-details .image-column .imagebox{
	position: relative;
	margin-bottom: 0;
}

.product-details .image-column .imagebox img{
	position:relative;
	display:block;
	width:100%;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:30px;
}

.product-details .basic-details .details-header h4{
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	color:#333333;
	margin:5px 0px 12px;
}

.product-details .basic-details .details-header h4 a{
	color:#333333;	
}

.product-details .basic-details .details-header .item-price{
	font-size:20px;
	font-weight:400;
	color:#228dcd;
	line-height:30px;
	margin-bottom: 5px;
}

.product-details .basic-details .details-header .item-price del{
	font-size: 16px;
	color: #888888;
	font-weight: 400;
	margin-right: 5px;
}

.product-details .basic-details .details-header .rating{
	font-size:14px;
	color:#ffb200;
	display:inline-block;
}

.product-details .basic-details .details-header .reviews{
	position:relative;
	display:inline-block;
	color:#777777;
	font-size: 14px;
	font-weight:400;
	margin-left:15px;
}

.product-details .basic-details .details-header .rating .fa{
	display:inline-block;
}

.product-details .basic-details .details-header .rating .txt{
	font-size:14px;
	padding-left:10px;
	color:#888888;	
}

.product-details .basic-details .prod-info{
	margin-bottom:15px;
	line-height:1.6em;
	font-size:13px;	
}

.product-details .basic-details .prod-info strong{
	font-weight:700;
	color:#111111;	
}

.product-details .basic-details .text{
	color:#888888;
	font-size:15px;
	font-weight:400;
	line-height:30px;	
	margin-bottom:25px;
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
	line-height:24px;
	padding:10px 15px !important;
	height:46px !important;
	box-shadow:none !important;	
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical{
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 99;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:11px 10px;
	background:#f4f5f6;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:6px;	
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:left;
	width:85px;
	margin-bottom:25px;
	margin-right:25px;
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
	font-size:18px;
	line-height:24px;
	padding:10px 15px !important;
	height:50px !important;
	box-shadow:none !important;	
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:12px 10px;
	background:#f4f5f6;
	border-radius:0px;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
	top:8px;	
	font-weight: 900;
}

.product-details .basic-details .add-to-cart{
	margin-left: 25px;
}

.comments-area.style-two{

}

.comments-area.style-two .comment-box{
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	padding: 20px 20px;
}

.comments-area.style-two .comment{
	padding-top: 0;
	padding-left: 90px;
	min-height: 70px;
}

.comments-area.style-two .comment-box .author-thumb{
	height: 70px;
	width: 70px;
}

.comments-area.style-two .comment-box .author-thumb img{
	border: 0;
}

.comments-area.style-two .comment-info{
	font-size: 16px;
	line-height: 20px;
	font-family: "Lora", sans-serif;
	font-weight: 700;
	color: #333333;
	margin-bottom: 8px;
}

.comments-area.style-two .comment-info span{
	font-size: 14px;
	color: #888888;
	margin-left: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.comments-area.style-two .comment-box .rating{
	font-size: 11px;
	line-height: 10px;
	color: #228dcd;
	margin-bottom: 8px;
}

.comments-area.style-two .comment-box .text{
	font-size: 13px;
	color: #888888;
	line-height: 24px;
}

.shop-single .product-details .prod-tabs{
	position:relative;
}

.shop-single .product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	font-size:16px;
	background:#eeeeee;
	color:#333333;
	font-weight:600;
	line-height:24px;
	cursor:pointer;
	border: 1px solid #dddddd;
	font-family: "Lora", sans-serif;
	text-transform: uppercase;
	padding:15px 30px 15px;
	transition:all 500ms ease;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#333333;
	background:#ffffff;
}

.shop-single .product-details .prod-tabs .tabs-content{
	position:relative;
	border: 1px solid #dddddd;
	padding: 50px 30px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content{
	position:relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:25px;
	color:#797979;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child{
	margin-bottom:0px;
}

.prod-tabs .tabs-content .tab .title{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:600;
	margin-bottom:30px;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
	margin-top:50px;
}

.shop-comment-form h2{
	position:relative;
	color:#222222;
	font-size:22px;
	font-weight:700;
	margin-bottom:10px;
}

.shop-comment-form .mail-text{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
}

.shop-comment-form .group-title{
	margin-bottom:20px;
}

.shop-comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
	position:relative;
	font-size:16px;
	color:#333333;
	margin-bottom:15px;
}

.shop-comment-form .rating-box .rating{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating .fa{
	position:relative;
	margin-right:0px;
	display:inline-block;
	font-weight: 400;
	font-size: 13px;
}

.shop-comment-form .rating-box .rating a{
	position:relative;
	color:#333333;
	font-size:14px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a:hover{
	color:#228dcd;
}

.shop-comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .form-group label{
	position:relative;
	color:#333333;
	font-size:16px;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #dddddd;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus{
	border-color:#228dcd;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #dddddd;
	height:120px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button{
	position:relative;
	padding: 15px 40px;
	line-height: 30px;
	font-size: 16px;
	margin-top:10px;
	font-family: "Roboto", sans-serif;
	text-transform:uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
	border-color:#228dcd;	
}

/*** 

====================================================================
		Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	padding:100px 0px 60px;
}

.cart-outer{
	position:relative;	
}

.checkout-page .cart-outer{
	margin-bottom:40px;	
}

.cart-outer .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
}

.cart-outer .cart-table{
	width:100%;
	min-width:900px;	
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:13px;
	background:#228dcd;
	color:#ffffff;
	border:1px solid #ebebeb;
	font-family: "Lora", sans-serif;
}

.cart-table thead tr th{
	line-height:24px;
	padding:15px 25px;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #ffffff;
}

.cart-table thead tr th .fa{
	font-size:18px;	
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 25px 30px;
}

.cart-table tbody tr .qty{
	width:200px;
}

.cart-table tbody tr .qty .item-quantity{
	max-width: 100px;
	margin: 0 auto;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#ffffff;	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:relative;
	margin: 0 auto;
	text-align: center;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:inline-block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-size:14px;
	color:#444444;
	font-weight:400;
	line-height:90px;
}

.cart-table tbody tr .prod-column .author{
	font-size:13px;
	color:#333333;
	margin-bottom:0px;
}

.cart-table tbody tr .sub-total{
	font-weight:600;
	color:#222222;
	font-size:16px;
}

.cart-table tbody tr .sub-total.price{
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:14px;
	color:#228dcd;
	line-height:30px;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
	position:relative;
	font-size:18px;
	line-height:30px;
}

.cart-table tbody tr .remove-btn:hover{
	color:#444444;
}

.cart-table tbody tr{
	border-bottom:1px solid #cccccc;	
}

.cart-table tbody tr td{
	vertical-align:middle;
	color:#797979;
	font-size:17px;
	font-weight: 600;
	text-align:center;
	border-left:1px solid #cccccc;
}

.cart-table tbody tr td.prod-column{
	padding-left:48px;
}

.cart-table tbody tr td.total{
	font-size:18px;
	color:#333333;
}

.cart-table tbody tr td:last-child{
	border-right:1px solid #ebebeb;
	text-align:center;
}

.cart-table tbody tr td .prod-title{
	position:relative;
	font-size:16px;
	color:#222222;
	font-weight:600;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;	
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#223555;
	border-radius:50%;
}

.cart-section .cart-options{
	position:relative;
	padding:40px 0px 10px;
	margin-bottom:30px;
	border-top:0px;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .cart-options .cart-btn{
	padding:13px 36px;
    line-height: 24px;
	font-size:15px;
	color:#ffffff;
	font-weight:700;
	text-transform:capitalize;
	background-color:#333333;
	font-family: 'Lora', sans-serif;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .cart-options .cart-btn:hover{
	background-color:#228dcd;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:30px;	
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:28px;
	padding:10px 25px;
	border:1px solid #cccccc;
	width:225px;
	height:50px;
	background:#ffffff;
}

.cart-section .coupon-btn{
    padding:13px 40px;
    line-height: 24px;
	font-size:16px;
	color:#ffffff;
	font-weight:700;
	background-color:#333333;
	text-transform:capitalize;
	font-family: 'Lora', sans-serif;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .coupon-btn:hover{
	background-color:#228dcd;
}

.cart-section .cart-options .btn-style-one{
	top:-7px;
	padding-left:32px;
	padding-right:32px;
}

.cart-section .totals-table{
	position:relative;
	margin-bottom:20px;
	border:1px solid #cccccc;
}

.cart-section .totals-table li{
	line-height:24px;
	padding:18px 30px;
	border-bottom:1px solid #cccccc;	
}

.cart-section .totals-table li:first-child{
	background-color:#dddddd;
}

.cart-section .totals-table li h3{
	position:relative;
	font-weight:700;
	color:#333333;
	font-size:18px;
}

.cart-section .totals-table li:last-child{
	border-bottom:none;
	padding:40px 20px 50px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	width:50%;
	color:#222222;
	font-size:16px;
	font-weight:400;
	text-transform:capitalize;
}

.cart-section .totals-table li .col:last-child{
	text-align:right;	
}

.cart-section .totals-table .total .price{
	color:#228dcd;
	font-weight:400;
}

.cart-section .totals-table .proceed-btn{
    padding: 13px 40px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	background-color:#333333;
    text-transform: capitalize;
    font-family: 'Lora', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-section .totals-table .proceed-btn:hover{
    background-color: #228dcd;
}

.shipping-block{
	position:relative;
	margin-bottom:60px;
}

.shipping-block .inner-box{
	position:relative;
	padding:20px 25px 10px;
	border:1px solid #cccccc;
}

.shipping-block .inner-box h3{
	position:relative;
	color:#228dcd;
	font-size:24px;
	font-weight:700;
	margin-bottom:4px;
	text-transform:capitalize;
}

.shipping-block .inner-box h4{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:400;
	margin-bottom:22px;
	text-transform:capitalize;
}

.shipping-form{
	position:relative;
}

.shipping-form .row{
	position:relative;
	margin:0px -10px;
}

.shipping-form .form-group{
	position:relative;
	margin-bottom:20px;
	padding:0px 10px;
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:23px;
	padding:10px 20px;
	height:45px;
	font-size:14px;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus{
	border-color:#228dcd;
}

.shipping-form button{
	padding: 13px 40px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 700;
	margin-top:6px;
    text-transform: capitalize;
	background-color:#333333;
    font-family: 'Lora', sans-serif;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shipping-form button:hover{
    background-color: #228dcd;
}

/*====================================================================
		CheckOut Section
====================================================================*/

.checkout-page{
	position:relative;
	padding:100px 0px 50px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:50px;	
}

.checkout-page .default-links li{
	font-size:16px;
	line-height:24px;
	padding:25px 25px;
	font-weight: 400;
	color:#888888;
	background-color :#eeeeee;
	margin-bottom: 20px;
}

.checkout-page .default-links li .fa{
	position:relative;
	font-size:24px;
	line-height: 25px;
	font-weight: 400;
	color:#228dcd;
	margin-right:20px;
}

.checkout-page .default-links li a{
	color:#333333;
	font-size: 16px;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.checkout-page .default-links li a:hover{
	color: #228dcd;
}	

.checkout-page .sec-title{
	margin-bottom: 20px;
} 

.checkout-page .sec-title h3{
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

.checkout-form{
	position:relative;
}

.checkout-form .column{
	position: relative;
	margin-bottom: 50px;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom: 15px;
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:capitalize;
	color:#333333;	
	font-size:14px;
	font-weight:400;
	margin-bottom:10px;
}

.checkout-form .form-group .field-label span{
	position: relative;
	font-size: 16px;
	color: #222222;
	display: block;
	font-weight: 600;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:15px;
	color: #009fe9;
}

.checkout-form .form-group .text{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height: 24px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	font-size: 16px;
	line-height:26px;
	color: #777777;
	padding:12px 22px;
	height:50px;
	border:1px solid #e0e0e0;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.checkout-form select{
	cursor:pointer;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.checkout-form textarea{
	resize:none;
	height:60px !important;	
	padding-left: 30px;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color: #228dcd;
}

.checkout-page .check-box{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;	
}

.checkout-page .check-box label{
	position:relative;
	top:-1px;
	font-weight:normal;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#333333;
}

.checkout-page .lower-content{
	margin-top:30px;
}

.checkout-page .lower-content .order-column{
	margin-bottom:40px;
}

.checkout-page .lower-content .column h2{
	position:relative;
	color:#222222;
	font-size:24px;
	margin-bottom:30px;
	padding-bottom:12px;
}

.checkout-page .lower-content .column h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:40px;
	height:2px;
	background-color:#228dcd;
}

/*Coupon Box*/

.coupon-box{
	position:relative;
	padding:25px 25px;
	margin-bottom:25px;
	background-color:#f5f5f5;
}

.coupon-form{
	position:relative;
}

.coupon-form .form-group{
	position:relative;
	margin-bottom:0px;
}

.coupon-form .form-group input[type="text"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:44px;
	font-size:14px;
	border:1px solid #cccccc;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.coupon-form .form-group input[type="text"]:focus{
	border-color: #228dcd;
}

.coupon-form button{
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	padding:8px 26px;
	text-transform:capitalize;
}

.order-box{
	position:relative;
	margin-bottom: 50px;
}

.order-box .sec-title{
	margin-bottom: 25px;
}

.order-box .sec-title h2{
	font-size: 30px;
	padding-bottom: 0;
}

.order-box .sec-title h2:before{
	display: none;
}

.order-box .title-box{
	position:relative;
	padding:15px 30px;
	font-weight: 500;
	color: #ffffff;
	background-color :#228dcd;
}

.order-box .title-box .col{
	position:relative;
	width:50%;
	float:left;
	color:#ffffff;
	font-size: 16px;
	line-height: 25px;
	padding: 0;
}

.order-box ul{
	position:relative;
}

.order-box ul li{
	position:relative;
	padding: 25px 30px;
	font-size: 16px;
	font-weight: 500;
	color: #777777;
	line-height: 30px;
	border-bottom:1px solid #cccccc;
}

.order-box ul li strong{
	color:#222222;
	font-weight: 500;
	font-size:16px;
}

.order-box ul li span{
	width:50%;
	float:right;
	color:#228dcd;
	font-size:16px;
}

.order-box ul li span.free{
	color:#777777;
}

.order-box ul li:last-child{
	border-bottom: 0;
}

.payment-box{
	position:relative;
	margin-bottom: 50px;
}

.payment-box .upper-box{
	position:relative;
	padding:15px 35px;
	background-color:#f5f5f5;
	border-bottom:1px solid #b7b7b7;
}

.payment-options{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;	
}

.payment-box .payment-options li{
	position:relative;
	margin-bottom:15px;	
}

.payment-box .payment-options li .radio-option{
	position:relative;		
}

.payment-box .payment-options li .radio-option label{
	position:relative;
	display:block;
	padding-left:30px;
	font-weight: 500;
	text-transform:capitalize;
	color:#222222;
	cursor:pointer;
	font-size:16px;
}

.payment-box .payment-options li .radio-option label strong{
	font-weight: 400;
}

.payment-box .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
}

.payment-box .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
	line-height:1.8em;
	padding:15px 20px;
	margin-top:20px;
	background-color :#333333;
}

.payment-box .payment-options li .radio-option input:checked + label .small-text{
	display:block;
}

.payment-box .payment-options li .radio-option label .small-text:before{
	position:absolute;
	content:'';
	left:30px;
	top:-8px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #333333;
}

.payment-box .payment-options li .radio-option label img{
	position:relative;
	display:block;
	max-width:100%;
	padding-left:30px;	
	margin-top:20px;
}

.payment-box .payment-options li .radio-option .what-paypall{
	position:relative;
	display:block;
	color:#777777;
	font-size:16px;
	font-weight:700;
	margin-left:120px;
	margin-top:10px;
}

.payment-box .lower-box{
	position:relative;
	background-color: #f5f5f5;
	padding: 30px 35px;
}

.payment-box .lower-box .theme-btn{
	padding: 13px 32px;
	font-weight: 400;
	margin-right: 0;
}

/*** 

====================================================================
		Login Section
====================================================================

***/

.login-section{
	position:relative;
	padding:100px 0px 60px;
}

.login-form.register-form{
	padding-bottom:47px;
}

.login-section h2{
	position:relative;
	color:#222222;
	font-size:30px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:30px;
}

.login-form{
	position:relative;
	margin-bottom:40px;
	padding:30px 40px 25px;
	background-color:#f5f5f5;
}

.login-form .form-group{
	position:relative;
	margin-bottom:16px;
}

.login-form .form-group.check-box{
	margin-bottom:0px;
}

.login-form .form-group:nth-child(2){
	margin-bottom:25px;
}

.login-section.style-two .login-form .form-group:nth-child(2){
	margin-bottom:15px;
}

.login-form .form-group label{
	position:relative;
	top:-1px;
	color:#222222;
	font-size:16px;
	font-weight:400;
	margin-bottom:12px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 20px;
	height:50px;
	color: #666666;
	font-size:14px;
	border:1px solid #e0e0e0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus{
	border-color:#228dcd;
}

.login-form button{
	top:20px;
	margin-top:0px;
	font-size:16px;
	font-weight:700;
	padding:15px 36px;
	line-height: 20px;
	color:#ffffff;
	text-transform:uppercase;
}

.login-form .psw{
	position:relative;
	display: block;
	margin-top: -20px;
	color:#222222;
	font-size:16px;
	font-weight:400;
}

.login-form .psw:hover{
	text-decoration: underline;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:170px 0px 170px;
}

.error-section .error-title{
	position:relative;
	color:#222222;
	font-size:200px;
	font-weight:900;
	line-height:1em;
}

.error-section .error-title span{
	color: #71b100;
}

.error-section h4{
	color:#333333;
	display: block;
	font-size:36px;
	font-weight:700;
	line-height: 1em;
	text-transform:capitalize;
	margin-bottom: 30px;
}

.error-section .text{
	color:#666666;
	font-size:24px;
	margin-top:18px;
	margin-bottom:40px;
}

.error-section .theme-btn{
	border-radius:5px;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	margin: 0 5px 10px;
}

/*** 

====================================================================
		Coming Soon
====================================================================

***/

.coming-soon{
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	overflow-y:auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.coming-soon .content:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: .70;
	content: "";
}

.coming-soon .content{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    text-align:center;
    vertical-align: middle;
}

.coming-soon .content .content-inner{
	position: relative;
	padding: 100px 15px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .content-inner .logo{
	position:relative;
	margin-bottom: 30px;
}

.coming-soon .content .content-inner h2{
	position:relative;
	color:#ffffff;
	font-size:40px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:40px;
	letter-spacing: 0.1em;
	text-transform:uppercase;
}

.coming-soon .content .content-inner .text{
	position:relative;
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	line-height:1.6em;
	margin-top:0px;
	margin-bottom:60px;
}

.time-counter{
	position:relative;
}

.time-counter .time-countdown{
	position:relative;
}

.time-counter .time-countdown .counter-column{
	position:relative;
	margin:0px 15px 0px;
	width:140px;
	height:150px;
	background-color: #ffffff;
	text-align:center;
	display:inline-block;
	color:#228dcd;
	font-size:20px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:40px;
}

.time-counter .time-countdown .counter-column .count{
	position:relative;
	display:block;
	font-size:60px;
	line-height:40px;
	padding:40px 0px 15px;
	color:#222222;
	letter-spacing:1px;
	font-weight:700;
	font-family: "Lora", sans-serif;
}

.coming-soon .emailed-form .form-group{
	position:relative;
	display:block;
	max-width:500px;
	margin:0 auto;
	width:100%;
	margin-bottom:20px;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	height:60px;
	font-size:18px;
	color:#ffffff;
	overflow:hidden;
	padding:20px 30px 20px;
	text-align: center;
	background:rgba(0,0,0,0.60);
	border: 1px solid rgba(255,255,255,.20);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
	position: relative;
	display: block;
	width: 100%;
	margin-top: 10px;
	line-height:20px;
	padding: 20px 40px;
	font-size:18px;
	font-weight:600;
	text-align:center;
}



/*.logo img {
    width: 60%;
}*/

.btm-txt{
  background: #228dcd;
}

.copyright-text {
    text-align: center;
     
}
.owl-prev {
    position: absolute;
    top: 30px;
    font-size: 33px;
    left: 10px;
}
.owl-next {
    position: absolute;
    top: 30px;
    font-size: 33px;
    right: 10px;
}
figure.imagebox a h4 {
    font-size: 20px;
    padding: 10px 0px;
    color: #b37a10;
    font-weight: 800;
}
.menu-info {
    text-align: center;
}
.btn-box.sample {
    border-radius: 20px;
}
.menu-format {
    margin: 50px 0px 0px 0px;
}

.sample {
    background: #b37a10;
    color: #fff;
    margin: 0px 0px 10px 370px;
    padding: 23px;
    font-size: 12px;
    text-align: center;
    border-radius: 20px;
}
.samplee h4 {
    font-size: 18px;
}
.sample h4 {
    font-size: 18px;
}
.samplee {
    background: #b37a10;
    color: #fff;
    margin: 0px 350px 10px 0px;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
}
img.menu-img {
    width: 18%;
    margin-bottom: 10px;
}
figure.image.wow.zoomIn.animated.animated {
    margin: 40px 0px;
}
figure.image.wow.zoomIn.animated.animated img {
    border: 1px solid #8080801f;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
}

img.catgy-img {
    max-height: 100px !important;
}
#wrapper {
    overflow-x: hidden;
    position: fixed;
   left: 0;
	z-index:9999;
}
nav.navbar.navbar-expand-lg.navbar-light {
    position: fixed;
    right: 25%;
    top: 10px;
    bottom: auto !important;
}
.toggled> .menu-page nav> .btn.btn-primary.btn-text:before {
    content: 'Resources' !important;
}
button#menu-toggle {
    background: #228dcd;
    border: 1px solid #228dcd;
}
#sidebar-wrapper .sidebar-heading {
       background: #228dcd !important;
}


/*upload file*/

#one
{
  margin-top:50px;
 box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}
.it .btn-orange
{
	background-color: transparent;
	border-color: #777!important;
	color: #777;
	text-align: left;
  width:100%;
}
.it input.form-control
{
	height: 54px;
	border:none;
  margin-bottom:0px;
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
}
.it .form-control:focus
{
	border-color: #ff4d0d;
	box-shadow: none;
	outline: none;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.it .btn-new, .it .btn-next
{
	margin: 30px 0px;
    border-radius: 0px;
    background-color: #228dcd;
    color: #f5f5f5;
    font-size: 17px;
    font-weight: 700;
    width: 155px;
}
.it .btn-next
{
	background-color: #ff0000;
	color: #fff;
}
.it .btn-check
{
  cursor:pointer;
  line-height:54px;
  color:red;
}
.it .uploadDoc
{
	margin-bottom: 20px;
}
.it .uploadDoc
{
	margin-bottom: 20px;
}

.it .btn-orange img {
    width: 30px;
}
p
{
  font-size:15px;
  text-align:center;
  margin:30px 0px;
}
.it #uploader .docErr
{
	position: absolute;
    right:auto;
    left: 10px;
    top: -56px;
    padding: 10px;
    font-size: 15px;
    background-color: #fff;
    color: red;
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
    display: none;
}
.it #uploader .docErr:after
{
	content: '\f0d7';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 50px;
	color: #fff;
	position: absolute;
	left: 30px;
	bottom: -40px;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
.upload-header {
    margin-bottom: 3rem;
}
.upload-header > h3.text-center {
    color: #000;
}
.upload-section {
    border-top: 1px solid #80808057;
    padding: 20px 0px 60px 0px;
}
.pdf-sectn {
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 12%);
    text-align: center;
    margin: 0px 0px 15px 0px;
    background: #fff;
    min-height: 160px;
    border: 1px solid #228dcd;
    border-radius: 10px;
}
.pdf-img p {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0px;
}
.pdf-img img {
   width: auto;
}
.btn.btn-new.pfd-btn1 {
    color: #228dcd;
   /* background: #228dcd;**/
    font-size: 14px;
    font-weight: 700;
        border: 1px solid #0d5e8e;
}
.btn.btn-new.pfd-btn1:hover{
	background-color: #0d5e8e;
	color:#fff;
}
.btn.btn-new.pfd-btn2 {
    color: #fff;
    background: #228dcd;
    font-size: 14px;
    font-weight: 700;
       
}
.btn.btn-new.pfd-btn2:hover{
	background-color: #0d5e8e;

}
section.p-section {
    background: #228dcd08;
    padding: 15px 0px 15px 0px;
}
.poster-btn {
    text-align: center;
    padding: 20px 0px;
}
section.share-sectn {
    border-top: 1px solid #80808021;
    padding: 50px 0px;
}
.req-post {
    color: red;
    text-transform: uppercase;
    font-weight: 500;
}
.req-sub a {
    color: #fff;
    background-color: #228dcd;
    border-color: #228dcd;
}
/*emi*/
.emi-starts {
    text-align: center;
    padding: 20px 20px 0px 20px;
    border: 8px solid #80808021;
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
	margin: 0px 0px 50px 0px;
}
.emi-starts h4 {
    color: #000;
    font-size: 35px;
    font-weight: 500;
}
.emi-section {
    padding: 50px 0px;
	background: #228dcd0a;
}
.emi-info {
    border: 8px solid #80808021;
  box-shadow: 0 0 6px rgba(0,0,0,0.25);
    padding: 20px;
    background: #fff;
}
.emi-content1 {
    padding: 15px 15px 0px 15px;
	border: 1px solid #dee2e6;
}
.nav-tabs .nav-link.active {
      border-top: 2px solid red;
}
a.nav-link {
    font-size: 18px;
}
a.nav-link {
    color: #228dcd;
}
.spcfy-table h4 {
    font-size: 16px;
    color: #000;
    padding: 5px 0px 10px 0px;
    text-align: center;
}
.emi-content1 > .form-group select {
    background: #8080802e;
}
.emi-cst > thead {
    background: #f1f1f173;
}
.form-check-inline.temp-cost {
    width: 100%;
    background: #e8e8e8;
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.form-check-inline.temp-costt {
   width: 100%;
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
/*.emi-content1 {
    min-height: 335px;
}*/
.choose.plan a {
    font-size: 19px;
    font-weight: 600;
}

.choose.plan {
    text-align: center;
}
.spcfy-table h4 {
    font-size: 18px;
    font-weight: 600;
}
.emi-cst thead {
    font-size: 15px;
    font-weight: 600;
}
.emi-cst > thead h6{
	 font-size: 15px;
    font-weight: 600;

}
.spfy-tbody tr {
    border-bottom: 1px solid #dee2e6;
}
.emi-starts a {
    color: #228dcd !important;
}
.logo {
    width: 50%;
    padding: 0px;
}
.bnr-sctn {
    position: relative;
   /* margin-top: 114px;*/
}
.first-m {
    background-color: #228dcd;
    color: #fff;
    padding:0px;
}

/*scheme option*/
.scheme-inner {
    text-align: center;
    color: #000;
}
.scheme-header h4 {
    color: #000;
}
.scheme-inner p {
    margin-bottom: 10px;
}
.request-frm2 {
    padding: 10px;
    text-align: center;
    color: #000;
}
.collapse.navbar-collapse.clearfix {
    text-align: center;
    /*margin: 0px 177px;*/
}
/*search*/

.cf:before, .cf:after{
   /* content:"";*/
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    

 /* Form wrapper styling */
.search-wrapper {
width: 100%;
/*margin: 0px auto 50px auto;*/
box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
}
 
/* Form text input */
 
.search-wrapper input {
/*width: 85%;*/
width: 74%;
height: 40px;
padding: 10px 20px;
float: left;
font: bold 15px;
border: 0;
background: #fff;
border-radius: 3px 0 0 3px;
border: 2px solid #228dcd;
border-radius: 20px 0px 0px 20px;
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 .search-wrapper button {
    background: #228dcd;
}
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
	
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
/*width: 84.1px;*/
width: 25.9%;
font-weight: 600;
font: bold 15px/40px;
color: white;
text-transform: uppercase;
background: #228dcd;
border-radius: 0 20px 20px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-size: 13px;
}
   
.search-wrapper button:hover{     
    background: #09649a;
    /*border: 1px solid #09649a;*/
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #09649a;
    border: 1px solid #09649a;
    outline: 0;   
}
 
/*.search-wrapper button:before { 
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #228dcd transparent;
    top: 12px;
    left: -10px;
}*/

.search-wrapper button:hover:before{
    border-right-color: #09649a;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #09649a;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    
.content-box p {
    margin-bottom: 0px;
}
.pdf-img h3 {
    font-size: 17px;
    margin: 15px 0px 10px;
    color: #228dcd;
    font-weight: bold;
}



#gallery {
  /*border: 1px solid #efefef;
  padding: 4px 0 0 0;*/
}

#gallery img {
  /*margin: 8px;*/
  width: 100%;
  cursor: pointer;
  border-radius: 3px;
}

#gallery img:hover {
  /*margin: 8px;*/
  opacity: .8;
}



#buttons button {
  border: 1px solid #efefef;
  margin-right: 8px;
  border: 0;
  padding: 8px;
  border-radius: 3px;
}

#buttons button.active {
  background-color: #bbb;
  color: #111;
}

#buttons {
  margin: 8px;
  padding-bottom: 8px;
}


.product {
	margin-bottom: 30px;
}
.product-inner {
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	padding: 10px;
}
.product img {
	margin-bottom: 10px;
}
figure.image-box {
    text-align: center;
}
.clients-section .image-box:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.clients-section .image-box img {
    display: inline-block;
    height: auto;
    max-height: 90px;
    width: auto;
    margin: 0 auto;
    /* opacity: 1; */
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.category-section .image-box:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.category-section .image-box img {
    display: inline-block;
    height: auto;
    max-height: 50px;
    width: auto;
    margin: 0 auto;
    /* opacity: 1; */
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.category-section.style-two {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0px 20px rgba(0,0,0,0.10);
    box-shadow: 0 0px 20px rgba(0,0,0,0.10);
}
.category-section {
    position: relative;
    padding: 50px 0;
    background-color: #fafafa;
}

.fxt .modal-content{    margin-top: 0px;}
	
	.tabs {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap
}

.tabs__button {
	visibility: hidden;
	height: 0;
	margin: 0;
	position: absolute
}

.tabs__text {
	-webkit-box-flex: 1;
	flex: 1;
	margin: 0;
	cursor: pointer;
	padding: 20px 30px;
	font-size: 1.2em;
	background-color: #eee;
	border-top: 3px solid #eee;
	-webkit-transition: border-top .3s ease-out;
	transition: border-top .3s ease-out;
	-webkit-transform-origin: top;
	transform-origin: top;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	color: #6d6d6d;
	line-height: 17px
}

.tabs__content {
	display: none;
	-webkit-box-flex: 1;
	flex: 1 1 100%;
	-webkit-box-ordinal-group: 100;
	order: 99
}

.tabs__button:checked+.tabs__text+.tabs__content {
	display: block
}

.tabs__button:checked+.tabs__text {
	color: #41123c;
	opacity: 1;
	background-color: #fff;
	border-top: 3px solid #41123c;
}

.theme-btn.btn-style-two:hover {
    background: #228dcd;
    color: #fff;
}
.fxt .modal-content{margin-top: 0px;}
	
.tabs {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	box-shadow: 3px 0 79px 0 rgba(0, 0, 0, 0.08)
}

.tabs__button {
	visibility: hidden;
	height: 0;
	margin: 0;
	position: absolute
}

.tabs__text {
	-webkit-box-flex: 1;
	flex: 1;
	margin: 0;
	cursor: pointer;
	padding: 20px 30px;
	font-size: 1.2em;
	background-color: #eee;
	border-top: 3px solid #eee;
	-webkit-transition: border-top .3s ease-out;
	transition: border-top .3s ease-out;
	-webkit-transform-origin: top;
	transform-origin: top;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	color: #6d6d6d;
	line-height: 17px
}

.tabs__content {
	display: none;
	-webkit-box-flex: 1;
	flex: 1 1 100%;
	-webkit-box-ordinal-group: 100;
	order: 99
}

.tabs__button:checked+.tabs__text+.tabs__content {
	display: block
}

.tabs__button:checked+.tabs__text {
	color: #228dcd;
	opacity: 1;
	background-color: #eeeeee38;
	border-top: 3px solid #228dcd;
}

.form-section {
    margin: 160px 0px 30px;
}
.fxt-form {
    padding: 20px 30px;
}
input.form-control {
    height: calc(2em + .75rem + 2px);
}
button.theme-btn.btn-style-two.sub-btn {
    width: 100%;
}
.forgot-password {
    padding: 15px 20px 0px;
    text-align: center;
}
.fgt-psd-hdr {
    padding: 20px 20px 0px 20px;
}
.forgot-pswd-form {
    padding: 25px 0px;
}
.forgot-pswd-form > form > p {
    text-align: left;
    margin: 10px 0px 15px;
    color: #777777;
}
.mdl-align {
    padding: 0px 20px;
}
label.sup-lab {
    font-weight: 600;
    font-size: 14px;
   }
.form-control {
    background-color:#ffffff;
}
label.resume-btn {
    background: #f7f7f7;
    padding: 3px 5px;
    border: 1px solid grey;
    float: left;
}

/**/

.column.left,
.column.right {
  background: #fcfcfc;
  display: block;
  position: relative;
  font-size: 1rem;
  width: 100%;
  min-height: 0;
  vertical-align: top;
}
@media (min-width: 641px) {
    .column.left,
    .column.right {
      display: inline-block;
      width: 50%;
      min-height: 100vh;
    }
    .column.left {
      position: relative;  
    }
   .column.right {
      margin-left: 50%;
    }
}

.video-banner {
  display: block;
}
@media (min-width: 641px) {
  .video-banner {
    position:relative;
   }
}

.video-banner .video-banner-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.video-banner-headline {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.25em;
  font-weight: 900;
  line-height: 1.0em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.045em;
}
@media (min-width: 641px) {
  .video-banner-headline {
    left: 2em;
    bottom: 2.75em;
    font-size: 1.5em;
    line-height: 1.5em;
  }
}
.video-banner-icon-play {
  position: absolute;
  left: 50%;
  top: 38%;
  
  display: block;
  width: 2.5em;
  height: 2.5em;
  
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.0);
	transform: translateX(-50%) translateY(-50%) scale(1.0);
  
  -webkit-transition: 
		all 0.2s ease-out 0.05s;
	transition: 
		all 0.2s ease-out 0.05s;
}
@media (min-width: 641px) {
  .video-banner-icon-play {
    width: 4.5em;
    height: 3.5em;
  }
}
.video-banner-icon-play:hover {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.2);
	transform: translateX(-50%) translateY(-50%) scale(1.2);
  
  backgound: #330099;
}

.content {
  display: block;
  min-height: 100vh;
  max-width: 40rem;
  margin: 2.5rem auto;
  padding: 1.5rem;
}
@media (min-width: 641px) {
  .content {
    margin: 9.75rem auto;
    padding: 2.5rem;
  }
}

.content h1,
.content h2,
.content p {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
  color: #0D013D;
}
.content h1 {
  font-size: 3.25em;
  font-weight: 200;
  line-height: 1.0em;
  
  margin: 0 0 0.5rem 0;
}
@media (min-width: 641px) {
  .content h1 {
    font-size: 4em;
  }
}
.content h2 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.155em;
  
  margin-top: 3em;
}

/* buttons */
.content .button-group {
  margin-top: 1em;
}
.content .button {
  display: inline-block;
  padding: 1em 2em;
  min-width: 8em;
  text-align: center;
  font-weight: 900;
  text-decoration: none;
  border-radius: 1.5em;
  box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  
  /* button theme - secondary is default */
  background: #f0f0f0;
  color: #2B2B2B;
  
  -webkit-transition: 
		all 0.2s ease-out 0.05s;
	transition: 
		all 0.2s ease-out 0.05s;
}
.content .button ~ .button {
  margin-left: 0.5em;
}
.content .button:hover {
  background: #e5e5e5;
}
/* primary button overrides */
.content .button.primary {
  background: #E50055;
  color: #fff;
}
.content .button.primary:hover {
  background: #9D00E5;
}


/* video thumbnail grid */
.content .video-thumb-grid {
  position: relative;
  font-size: 0; /* collapse the white-space */
  width: calc(100% + 2rem);
  margin: 0 -1rem;
}
.content .video-thumb {
  display: inline-block;
  vertical-align: top;
  
  text-decoration: none;
  
  /* calculate the width, gutters, and aspect ratio */
  width: calc((100% - 4rem) / 2);
  height: 0;
  padding-top: calc(((100% - 4rem) / 2) * 0.5625); /* 16:9 calc */
  
  margin: 1rem 1rem; /* gutters */
  
  overflow: hidden; /* clipping */
  
  position: relative; /* enable positioning for inner content */
  
  font-size: 1rem; /* reset the font size */
  
  -webkit-transform: scale(1.0);
	transform: scale(1.0);
  box-shadow: 0 0 0 rgba(0,0,0,0.0);
  
  -webkit-transition: 
		all 0.2s ease-out 0.05s;
	transition: 
		all 0.2s ease-out 0.05s;
}
.content .video-thumb:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
  box-shadow: 0 2px 4px rgba(13,1,61,0.35);
}
.content .video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  
  /* position inside the 16:9 container */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  
  /* clipping for source images that are letterboxed */
  object-fit: cover;
  object-position: 50% 50%;
  
  background: #2b2b2b;
}








/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;

  -webkit-transform: translate(500%,0%);
  transform: translate(500%,0%);

  -webkit-transition: -webkit-transform 0s linear 0s;
  transition: transform 0s linear 0s;


  /* using flexbox for vertical centering */

  /* Flexbox display */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  /* Vertical alignment */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.video-modal .overlay {
  z-index: 0;
  background: rgba(13,1,61,0.82); /* overlay color */

  opacity: 0.0;

  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}


.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
  
	margin: 0 auto;

	overflow-y: visible;

	background: #000;
  
  width: calc(100% - 12em);
  height: 0;
  padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
 @media (min-aspect-ratio: 16/9) {
  .video-modal-content {
    width: 0;
    height: calc(100vh - 10em);
    padding-top: 0;
    padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
  }
}

/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
	.video-modal-content {
		width: calc(100% - 1em);
    padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
	}
}

/* modal close button */
.close-video-modal {
	display: block;
    position: absolute;
    left: 0;
    top: -40px;

    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;

	background: #000;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}

/* show the modal: 
   add class to the body to reveal */
.show-video-modal .video-modal {
	opacity: 1.0;
    background-color: rgb(0 0 0 / 85%);
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
section.brand-video-section {
    margin: 160px 0px 50px;
}
.banner {
    margin: 0px 0px 30px;
}

@media only screen and (max-width: 425px){
.search-section.search-wrapper input {
    width: 75% !important;
}
.search-section.search-wrapper button {
     width: 24.9% !important;
}
}
@media only screen and (max-width: 767px){
.service-block .icon-box {
    margin-bottom: 0px !important;
}
.main-header .top-right{
	display:none;
}
.services-section {
    padding: 50px 0 20px !important;
}
.nav-outer > .main-menu .navbar-collapse > .navigation {
    margin: 24px 0px 0px !important;
}
.navbar-toggler {
    margin: 20px 40px 6px 10px;
}
.main-menu .navbar-header {
    padding: 0px 0px !important;
   }
.search-wrapper {
    width: 100% !important;
}
.search-wrapper input {
    width: 75% !important;
}
.search-wrapper button {
    width: 25% !important;
}

.mixitup-gallery .filters li {
    margin: 8px 10px !important;
    float: left !important
}
.social-outer-box.enquiry {
    width: 100%;
    right: auto !important;
    top: auto !important;
    bottom: 0px ;
    -webkit-transform: none !important;
}
.btm-txt {
  margin-bottom: 40px;
}
}
@media only screen and (max-width: 1023px){
.main-header .top-right {
    border-bottom:none !important; 
}
}
@media only screen and (max-width: 1199px){
.search-wrapper {
    width: 53%;
}
.search-wrapper input {
    width: 82%;
}
.search-wrapper button {
    width: 88.5px;
}
}
@media only screen and (max-width: 480px){
.navbar-toggler {
    margin: 30px 40px 6px 10px;
}
}
@media only screen and (max-width: 991px){
    .sec-title h2{text-align:center;}
.search-wrapper {
    width: 73%;
}
.search-wrapper button {
    width: 90.4px;
}

}

.table-content > ul > li > span {
    margin-right: 15px;
}
li > span.icon.fa.fa-phone {
    transform: rotate(100deg);
}
span.addrs-align {
    margin-left: 28px;
}
.inner-box.for-contact-info {
    min-height: 760px;
}
.scroll-to-top.scroll-to-target {
    display: block !important;
}
.social-outer-box.enquiry {
    display: block;
    position: fixed;
    right: -43px;
    line-height: 1.5;
    background: #ce0046;
    top: 46%;
    z-index: 99;
    color: #fff;
    -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);
    padding: 6px 25px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}
a.risk {
    color: #ffffff !important;
    font-size: 19px;
    font-weight: 600;
}
.top-menu li {
    position: relative;
    float: left;
    margin-left: 15px;
}
ul.top-menu {
    margin: 4px 0px 0px;
}
ul.top-menu li a {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}
.text {
    display: none;
}
.about-sectn{
box-shadow: 0 4px 15px rgba(0,0,0,0.10);
}
.file-content h3 {
    font-size: 14px;
    margin: 10px 0px 1px;
    color: #228dcd;
    font-weight: bold;
    min-height: 33px;
}
.file-content p {
    margin: 5px 0px;
}
.pdf-img {
    max-height: 250px;
    overflow: hidden;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.show-pdf {
    padding: 20px 0px 0px;
}
.pdf-img {
    max-height: 200px;
    overflow: hidden;
}
.mixitup-gallery {
    padding: 30px 0px 0px;
}
.video-section {
    padding: 30px 0px 0px;
}
a.dropbtn > span {
    margin: 6px 0px 0px 9px;
}
input.form-control {
   border: 2px solid #e7e7e7;
    border-radius: 30px !important;
	background: #fff !important;
}
.frnt-form {
    border: 2px solid #e7e7e7;
   border-radius: 30px !important;
}
.fxt-bg-color > .tabs {
    background: #fff;
    margin: 0px 0px 50px 0px;
}
.bg-color {
    background: #2196f30a;
}
.poster-title h5 {
   font-weight: 600;
    padding-top: 20px;
}
.poster-title {
    text-align: center;
}

@media only screen and (max-width: 1023px){
.main-header .top-right {
    width: auto !important;
    text-align: initial !important;
}
}
.form-control[readonly] {
    background-color: #ffffff !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.main-menu .navigation > li:hover {
    background: #75b8e0;
   }
.bnd-vdo p {
    margin: 15px 0px;
}
.poster-title > p {
      margin: 2px 0px 5px;
}
.overlay-box {
    
}
body{padding:0px !important}.modal-open {overflow: inherit;overflow-x: hidden;}

.custom-file input {
    cursor: pointer !important;
}
.profile-tab {
    border-bottom: 1px solid #e7e7e7;
}
.bg-red {
    background: red;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.bg-red:hover{
	background-color: #aaabaf;
	color:#fff;
}
label.profile-btn {
    padding: 3px 10px;
    margin: 10px 46px;
    background-color: #228dcd;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.swiper-container-horizontal>.swiper-scrollbar {
   display: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 22px !important;
    font-weight: 800;
    color:#fff;
}
.swiper-button-prev {
    left: 50px !important;
    right: auto !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 50px !important;
    left: auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #fff !important;
}
.tab {
  overflow: hidden;
 
}

/* Style the buttons inside the tab */
.tab button {
 
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  border-top: 3px solid #eee;
      color: #6d6d6d;
      background-color: #eee;
  transition: 0.3s;
  font-size: 17px;
        padding: 10px 30px;font-weight: 700;
  
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
 color: #228dcd;
   
    background-color: #fff;
    border-top: 3px solid #228dcd;
  
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
 background-color:#fff;
 box-shadow: 0px 2px 8px #ccc;
 
}

.tab-section {
    margin: 15px 0px 30px;
}
.table-content >h5 {
    padding: 5px 0px;
    text-align: left;
}
a.btn.btn-new.pfd-btn1.service-btn {
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    margin: 2px;
}
.service-heading {
    padding: 20px 0px 0px;
}
.contact-section-sprm {
    padding: 20px 0px 0px;
}
.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    left: -120px;
    top: 46%;
    width: 159px;
    z-index: 999999;
}
.sticky li:hover {
    margin-right: -130px;
}
.sticky li {
    list-style-type: none;
    background-color: #189d0e;   
    color: #fff;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}
.sticky li img {
	float: right;
    margin: 10px 8px;
    margin-left: 14px;
    /* padding: 3%; */
    width: 23px;
}
.sticky  li a
{
	display:inline !important;
}
.sticky li p {
    padding-top: 5px;
    margin: 0px;
    text-align: right;
    line-height: 16px;
    font-size: 14px;
	color:#fff !important;
}
ul.sticky li {
    margin-bottom: 1px;
}
label.custom-file-label.selected {
    overflow: hidden;
}
button.tablinks {
   
}
.service-block:hover .icon-box> img{ background:#0c5b8a;}
.extra{padding: 0px 10px;}


/* Overlay styles */
.overlay{
  background-color: rgba(0,0,0, .60);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;	
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);    
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}
.overlay .box h3 {
    color: #fff !important;font-size:20px;
}

.imagebox .imgbox {
    display: block;
    overflow: hidden;
    position: relative;
}
.imagebox:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(
0deg
) scale(1,1);
    transform: rotateY(
0deg
) scale(1,1);
}

.abt-section{padding:40px 0px;}
.abt-section h3{color: #228dcd;
    font-weight: 600;
    margin-bottom: 30px;
}
.abt-section p{    margin:0px 0px 15px;
    text-align: justify;
}	
	
.card-link{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
	
	.about_bg {
	    background: #228dcd0d;
	}
	
	.project_bg {
	    background: #ffffff0d;
	}

.footer-custom {
    width: 100%;
    text-align:center;
}

.close-btn-custom {
    float:right
}

.btn-edit-m-r {margin-right:5px;}

.brand_video_custome_bg {background:#fff;}

.cus-p-0 {
    padding: 0px;
}

.c-w-img {
    width:250px; 
    height:100px;
}




.popup-share-icon a {
    background: #2196f3;
    padding: 20px;
    margin: 10px;
    padding: 8px;
    font-size: 14px;
    font-family: 'Font Awesome 5 Brands';
    width: 34px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}
.popup-share-icon .fa-facebook {
  background: #3B5998;
  color: white;
}

.popup-share-icon .fa-whatsapp {
background: #075E54;
    color: white;
}

.popup-share-icon .fa-telegram {
background: #0088CC;
    color: white;
}

.popup-share-icon .fa-twitter {
  background: #55ACEE;
  color: white;
}

.popup-share-icon .fa-google {
  background: #dd4b39;
  color: white;
}

.popup-share-icon .fa-linkedin {
  background: #007bb5;
  color: white;
}

.popup-share-icon .fa-youtube {
  background: #bb0000;
  color: white;
}

.popup-share-icon .fa-instagram {
  background: #125688;
  color: white;
}

.popup-share-icon .fa-pinterest {
  background: #cb2027;
  color: white;
}

.popup-share-icon .fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.popup-share-icon .fa-skype {
  background: #00aff0;
  color: white;
}

.popup-share-icon .fa-android {
  background: #a4c639;
  color: white;
}

.popup-share-icon .fa-dribbble {
  background: #ea4c89;
  color: white;
}

.popup-share-icon .fa-vimeo {
  background: #45bbff;
  color: white;
}

.popup-share-icon .fa-tumblr {
  background: #2c4762;
  color: white;
}

.popup-share-icon .fa-vine {
  background: #00b489;
  color: white;
}

.popup-share-icon .fa-foursquare {
  background: #45bbff;
  color: white;
}

.popup-share-icon .fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.popup-share-icon .fa-flickr {
  background: #f40083;
  color: white;
}

.popup-share-icon .fa-yahoo {
  background: #430297;
  color: white;
}

.popup-share-icon .fa-soundcloud {
  background: #ff5500;
  color: white;
}

.popup-share-icon .fa-reddit {
  background: #ff5700;
  color: white;
}

.popup-share-icon .fa-rss {
  background: #ff6600;
  color: white;
}.final{    background: #228dcd;    text-align: center;    padding: 5px;    margin-bottom: 0;    border-radius: 10px 10px 0 0;color:#fff !important;}

.first-m a {
    color: #fff;
}

.first-m p{margin:0px;color: #fff;text-align: left;}